.wnmgrid{
    max-width: 1110px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: center;
}
.wnmgrid figure {background:#3085a3;}
.wnmgrid figure figcaption {color:#fff;}
.wnmgrid figure figcaption > p > a {color:#fff; border:1px solid #fff;}
.wnmgrid figure figcaption > p > a:hover,.row figure figcaption > p > a:focus,.row figure figcaption > p > a:active {color:#fff; border:1px solid #fff;}
figure.wnm-hover-fx figcaption::before {background:rgba(20,20,10,0.8);}
figure.wnm-hover-fx h2 {background-color:rgba(20,20,10,0.6); color:#fff;}
figure.wnm-hover-fx:hover h2 {color:#fff; background-color:transparent;}
.wnmgrid figure {position:relative; float:left; overflow:hidden; margin-bottom:20px; min-width:320px; max-width:100%; width:100%; text-align:center; cursor:pointer}
.wnmgrid figure img {position:relative; display:block;}
.wnmgrid figure figcaption {padding:2em; font-size:12px; -webkit-backface-visibility:hidden; backface-visibility:hidden}
.wnmgrid figure figcaption::before,.row figure figcaption::after {pointer-events:none}
.wnmgrid figure figcaption,.row figure figcaption > a {position:absolute; top:0; left:0; width:100%; height:100%}
.wnmgrid figure figcaption > p > a {font-size:11px; text-transform:uppercase; margin-top:30px}
.wnmgrid figure figcaption > p > a:hover,.row figure figcaption > p > a:focus,.row figure figcaption > p > a:active {font-size:11px; text-transform:uppercase; margin-top:30px}
figure.wnm-hover-fx figcaption::before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; opacity:0; -webkit-transform:translate3d(0,50%,0); transform:translate3d(0,50%,0)}
figure.wnm-hover-fx h2 {padding:10px 0; position:absolute; bottom:calc(3% - 75px); left:0; width:100%;-webkit-transition:-webkit-transform 0.35s,color .35s; transition:transform 0.35s,color .35s; -webkit-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); font-family:'FF DIN W02',sans-serif; font-weight:700; text-transform:uppercase; height: 60px; letter-spacing:1px}
figure.wnm-hover-fx figcaption::before,figure.wnm-hover-fx p {-webkit-transition:opacity 0.35s,-webkit-transform .35s; transition:opacity 0.35s,transform .35s}
figure.wnm-hover-fx p {font-size:15px; position:absolute; bottom:0; left:0; padding:2em; width:100%; opacity:0; -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0)}
figure.wnm-hover-fx:hover h2 {transform: translatey(calc(-300%));}
figure.wnm-hover-fx:hover figcaption::before,figure.wnm-hover-fx:hover p {opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}