.grid{position:relative;clear:both;margin:0 auto;padding:1em 0 4em;max-width:1000px;list-style:none;text-align:center;}.grid figure{position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:320px;max-width:480px;max-height:360px;width:48%;height:auto;background:#3085a3;text-align:center;cursor:pointer;}.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,.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:-0.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;}figure.effect-apollo img{opacity:0.95;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.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 0.6s;transition:transform 0.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:30px;margin:1em;font-size:1rem;line-height:1.8rem;text-align:left;opacity:0;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-apollo h2{text-align: left;color: #f5f5f5;font-size: 20px;font-weight:bold;background:rgba(0,0,0,.6);float:left;padding:.6rem;border-radius:10px}figure.effect-apollo:hover img{opacity:0.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:0.1s;transition-delay:0.1s;}