/*Portfolio CSS Start*/
/******************************************GRID*******************************/

.grid {
position : relative;
clear : both;
margin : 0 0;
padding : 0 0 0 0;
max-width : 100%;
list-style : none;
text-align : center;
}
.grid figure {
position : relative;
float : left;
overflow : hidden;
margin : 0;
min-width : 300px;
max-width : 480px;
max-height : 300px;
width : 300px;
height : 150px;
background : white;
text-align : center;
cursor : pointer;
}
.grid figure img {
position : relative;
display : block;
min-height : 100%;
max-width : 100%;
opacity : 0.800000011920928955078125;
}
.grid figure figcaption {
padding : 1.2em;
color : #fff;
text-transform : uppercase;
font-size : 1.25em;
backface-visibility : hidden;
}
.grid figure figcaption, .grid figure figcaption > a {
position : absolute;
top : 0;
left : 0;
width : 300px;
height : 100%;
}
.grid figure figcaption > a {
z-index : 1000;
text-indent : 200%;
white-space : nowrap;
font-size : 0;
opacity : 0;
}
.grid figure p {
margin : 0;
}
.grid figure p {
letter-spacing : 1px;
font-size : 68.5%;
}


/******************************************JULIA STATRT**********************************/

/* Individual effects */


/******************************************JULIA STATRT**********************************/

/******************************************JULIA STATRT**********************************/

/******************************************JULIA STATRT**********************************/

/******************************************JULIA STATRT**********************************/

figure.effect-julia {
background : gold ;
}
figure.effect-julia img {
transition : opacity 1s, transform 1s;
backface-visibility : hidden;
}
figure.effect-julia figcaption {
text-align : left;
}
figure.effect-julia h2 {
position : relative;
padding : 0.5em 0;
}
figure.effect-julia p {
display : inline-block;
margin : 0 0 0.25em;
padding : 0.4em 1em;
background : skyblue;
color : white;
text-transform : none;
font-weight : 500;
font-size : 100%;
transition : opacity 0.35s, transform 0.35s;
transform : translate3d(-360px,0,0);
}
figure.effect-julia p:first-child {
transition-delay : 0.15s;
}
figure.effect-julia p:nth-of-type(2) {
transition-delay : 0.1s;
}
figure.effect-julia p:nth-of-type(3) {
transition-delay : 0.05s;
}
figure.effect-julia:hover p:first-child {
transition-delay : 0s;
}
figure.effect-julia:hover p:nth-of-type(2) {
transition-delay : 0.05s;
}
figure.effect-julia:hover p:nth-of-type(3) {
transition-delay : 0.1s;
}
figure.effect-julia:hover img {
opacity : 0.4000000059604644775390625;
transform : scale3d(1.1,1.1,1);
}
figure.effect-julia:hover p {
opacity : 1;
transform : translate3d(0,0,0);
}
/**************************************Bottom Script for Image Table ********************************/