.grid-portfolio{margin:20px auto;list-style:none;text-align:center}
.grid-portfolio li{width:400px;margin:0;text-align:left}
.grid-portfolio figure{margin:0;position:relative}
.grid-portfolio figure img{max-width:100%; width: 100%; height: auto; display:block;position:relative}
.grid-portfolio figcaption{position:absolute;top:0;left:0;padding:20px;background:#051039;color:#fff}
.grid-portfolio figcaption h3{margin:0;padding:0;color:#fff}
.grid-portfolio figcaption a{text-align:center;padding:5px 10px;border-radius:2px;display:inline-block;background:#051039;color:#fff}
.cs-style-3 figure{overflow:hidden}
.cs-style-3 figure img{transition:transform .4s}
.no-touch .cs-style-3 figure:hover img,.cs-style-3 figure:hover img{transform:translateY(-50px)}
.cs-style-3 figcaption{height:100px;width:100%;top:auto;bottom:0;opacity:0;transform:translateY(100%);transition:transform 0.4s,opacity .1s .3s}
.no-touch .cs-style-3 figure:hover figcaption,.cs-style-3 figure:hover figcaption{opacity:1;transform:translateY(0px);transition:transform 0.4s,opacity .1s}
.cs-style-3 figcaption a{position:absolute;bottom:20px;right:20px}
@media screen and (max-width: 31.5em) {
.grid-portfolio{padding:10px 10px 100px}
.grid-portfolio li{width:100%;min-width:200px}
}