*, *:after, *:before{border-box;box-sizing:border-box;}
.grid{overflow:hidden;text-align:center;margin:10px 0;}
.grid figure{position:relative;z-index:1;display:inline-block;overflow:hidden;height:300px;background:#2c3e50;text-align:center;cursor:pointer;}
.grid figure img{position:relative;display:block;min-height: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,
.grid figure a{position:absolute;top:0;left:0;width:100%;height:100%;}
.grid figure 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-lily img{width:-webkit-calc(100% + 50px);width:calc(100% + 50px);opacity:0.5;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-40px,0, 0);transform:translate3d(-40px,0,0);}
figure.effect-lily figcaption{top:auto;bottom:0;height:50%;text-align:left;}
figure.effect-lily h2,
figure.effect-lily p{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
figure.effect-lily h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-lily p{color:rgba(255,255,255,0.6);opacity:0;-webkit-transition:opacity 0.2s, -webkit-transform 0.35s;transition:opacity 0.2s, transform 0.35s;}
figure.effect-lily:hover img,
figure.effect-lily:hover p{opacity:1;}
figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-lily:hover p{-webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
@media only screen and (min-width:768px){}
@media only screen and (min-width:992px){}
@media only screen and (min-width:1200px){}