.grid{position:relative;clear:both;margin:0 auto;padding:1em 0 4em;max-width:100%;list-style:none;text-align:center}.grid figure{position:relative;float:left;overflow:hidden;width:100%;height:auto;background:#3085a3;text-align:center;cursor:pointer;height:200px;display:flex;justify-content:center}.grid figure img{max-width:none;height:100%}.grid figure figcaption{padding:1.5em;color:#fff;text-transform:uppercase;font-size:1.75em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}.grid figure figcaption,.grid figure figcaption > a{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:-.15em;font-weight:300}.grid figure h2 span{font-weight:800}.grid figure h2,.grid figure p{margin:0}.grid figure p{letter-spacing:1px;font-size:68.5%}figure.effect-apollo{background:#3498db;background:#fff}figure.effect-apollo img{opacity:.95;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)}figure.effect-apollo figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);content:'';-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)}figure.effect-apollo p{position:absolute;right:0;bottom:0;margin:1em;padding:0 1em;max-width:150px;border-right:4px solid #fff;text-align:right;opacity:0;-webkit-transition:opacity .35s;transition:opacity .35s}figure.effect-apollo p span{font-size:4rem}figure.effect-apollo h2{text-align:left}figure.effect-apollo:hover img{opacity:.6;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}figure.effect-apollo:hover figcaption::before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}figure.effect-apollo:hover p{opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}@media screen and (max-width:50em){.grid figure{display:inline-block;float:none;margin:10px auto;width:100%}}@media screen and (max-width:768px){.grid{padding-bottom:0}.grid figure{height:initial}.grid figure img{position:relative}}