*, *:after, *:before{-webkit-box-sizing:border-box;box-sizing:border-box;}
.grid{position:relative;margin:0 auto;padding:1em 0 4em;min-height:830px;list-style:none;text-align:center;}
.grid figure{position:relative;float:left;overflow:hidden;margin:10px;width:48%;text-align:center;cursor:pointer;min-width:230px;max-width:340px;max-height:250px;background:#2D5E94;}
.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:0.8;}
.grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after{pointer-events:none;}
.grid figure figcaption{position:absolute;top:0;left:0;width:100%;height:100%;}
.grid figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
.grid figure h2{word-spacing:-0.15em;font-weight:300;}
.grid figure h2, .grid figure p{margin:0;}
.grid figure p{letter-spacing:1px;font-size:68.5%;}
figure.effect-layla{background:#2D5E94;}
figure.effect-layla img{height:280px;}
figure.effect-layla figcaption{padding:3em;}
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after{position:absolute;content:'';opacity:0;}
figure.effect-layla figcaption::before{top:50px;right:30px;bottom:50px;left:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0;}
figure.effect-layla figcaption::after{top:30px;right:50px;bottom:30px;left:50px;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;transform-origin:100% 0;}
figure.effect-layla h2{padding-top:5%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-layla p{padding:5px;font-size:12px;font-weight:bold;text-transform:none;opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
figure.effect-layla img,
figure.effect-layla h2{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}
figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
figure.effect-layla:hover img{opacity:0.7;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
figure.effect-layla:hover h2,
figure.effect-layla:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img{-webkit-transition-delay:0.15s;transition-delay:0.15s;}
@media screen and (max-width:640px){.grid figure, figure.effect-layla img{height:auto;width:auto;}
figure.effect-layla, .grid figure{background:#FFFFFF;}
figure.effect-layla figcaption::before{border-top:none;border-bottom:none;padding:0px;}
figure.effect-layla figcaption::after{border-right:none;border-left:none;}
figure.effect-layla figcaption{padding:25px 0px;}
}