*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.container > header {margin: 0 auto; padding: 0px; text-align: center; background: rgba(0,0,0,0.01);}

.container > header h1 {font-size: 2.625em; line-height: 1.3; margin: 0; font-weight: 300;}



.grid {list-style: none; margin: 0px auto; padding: 20px 20px 40px 30px; text-align: center;}

.grid li {width: 230px; height: 174px; margin: 0px; padding: 0px; text-align: left; display: inline-block; position: relative;}

.grid figure {margin: 0px; position: relative;}

.grid figure img {display: block; position: relative; max-width: 230px; border-radius: 10px;}

.grid figcaption {background: rgb(44, 63, 82); padding: 8px; left: 0px; top: 0px; color: rgb(163, 172, 178); font-size: 11px; position: absolute;}

.grid figcaption h3 {margin: 0px; padding: 0px; color: rgb(255, 255, 255); font-size: 14px;}

.grid figcaption span::before {content: "   ";}

.grid figcaption a {background: rgb(237, 78, 110); padding: 4px; border-radius: 5px; left: 20px; text-align: center; color: rgb(255, 255, 255); font-size: 14px; display: inline-block;}



.cs-style-5 figure img {transition:transform 0.4s; z-index: 10; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s;}

.no-touch .cs-style-5 figure:hover img {transform: scale(0.4); -webkit-transform: scale(0.4); -moz-transform: scale(0.4);}

.cs-style-5 figure.cs-hover img {transform: scale(0.4); -webkit-transform: scale(0.4); -moz-transform: scale(0.4);}

.cs-style-5 figcaption {transition:transform 0.4s, opacity 0.4s; width: 200px; height: 140px; opacity: 0; transform: scale(0.7); backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transform: scale(0.7); -moz-transform: scale(0.7);}

.no-touch .cs-style-5 figure:hover figcaption {opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);}

.cs-style-5 figure.cs-hover figcaption {opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);}

.cs-style-5 figure a {right: 20px; bottom: 20px; position: absolute;}



@media screen and (max-width: 31.5em) {.grid {padding: 10px 10px 10px 10px;} .grid li {width: 200px; min-width: 200px;} }