.grid{list-style:none;position:relative;text-align:center;margin:0 auto -5px}.grid figure,.grid li{display:inline-block}.grid figure{overflow:hidden;position:relative;text-align:left;margin:10px 1%;cursor:pointer}.grid figure img{position:relative;max-width:100%;opacity:1;display:block}.grid figure figcaption{-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:2em;font-size:1.25em;color:#fff;text-transform:uppercase}.grid figure figcaption:after,.grid figure figcaption:before{pointer-events:none}.grid figure figcaption>a{height:100%;position:absolute;top:0;left:0;width:100%}figure.effect figcaption{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);padding:.2em 1em;color:#3c4a50;-webkit-transition:-webkit-transform .35s;transition:transform .35s;position:absolute;bottom:0;width:100%;z-index:2}figure.effect h3{font-size:18px;margin:0}figure.effect p.icon-links a{font-size:1.4em;color:#3c4a50;float:right}figure.effect:hover p.icon-links a:focus,figure.effect:hover p.icon-links a:hover{color:#252d31}figure.effect p.description{-webkit-backface-visibility:hidden;padding:1em 2em;font-size:90%;color:#fff;-webkit-transition:opacity .35s;transition:opacity .35s;text-transform:none;position:absolute;opacity:0;text-align:left;top:0;z-index:2}figure.effect h3{display:inline-block}figure.effect:hover p.description{opacity:1}figure.effect:hover figcaption{-webkit-transform:translateZ(0);transform:translateZ(0)}figure.effect .overlay{height:100%;-webkit-transition:opacity .35s;transition:opacity .35s;position:absolute;opacity:0;width:100%;z-index:1}figure.effect:hover .overlay{opacity:.6}