.grid{position:relative;margin:0 auto;padding:1em 0 4em;max-width:1000px;list-style:none;text-align:center}figure{position:relative;overflow:hidden;margin:0;background:#3085a3;text-align:center;cursor:pointer}figure img{position:relative;display:block;max-width:100%;opacity:.8}figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}figure figcaption::before,figure figcaption::after{pointer-events:none}figure figcaption,figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}figure h2{font-weight:300}figure h2 span{font-weight:700}figure h2,figure p{margin:0}figure p{letter-spacing:1px;font-size:68.5%}figcaption:hover{background-color:rgba(40,40,40,.85)}.effect-roxy h2{color:#fff}figure.effect-roxy{background:none}figure.effect-roxy img{max-width:none;width:-webkit-calc(100% + 60px);width:calc(100% + 60px);-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}figure.effect-roxy figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}figure.effect-roxy figcaption{padding:3em;text-align:left}figure.effect-roxy h2{padding:30% 0 10px 0}figure.effect-roxy p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}figure.effect-roxy:hover img{opacity:.7;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-roxy:hover figcaption::before,figure.effect-roxy:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@media screen and (max-width:50em){.grid figure{display:inline-block;float:none;margin:10px auto;width:100%}}