.grid{position:relative;clear:both;margin:0 auto;padding:1em 0 1em;list-style:none;text-align:center;}
*, *::after, *::before{box-sizing:border-box;}
.grid figure{position:relative;float:left;overflow:hidden;margin:10px 1%;width:100%;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{font-size:68.5%;letter-spacing:0.5px;line-height:1.5;text-transform:none;}
figure.effect-ming:hover h4{margin-top:5px;font-size:21px;}
figure.effect-ming:hover p.ser-cont{letter-spacing:0.5px;line-height:1.5;text-transform:none;max-height:80px;min-height:80px;}
figure.effect-ming:hover .read-more{background:#0099ff none repeat scroll 0 0;border-radius:4px;box-shadow:0 0 2px #fff inset;color:#fff;font-size:12px;font-weight:500;padding:4px 10px;}
figure.effect-ming{background:#030c17;}
figure.effect-ming img{opacity:0.9;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;min-height:243px;max-height:243px;width:100%;}
figure.effect-ming figcaption::before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:2px solid #fff;box-shadow:0 0 0 30px rgba(255,255,255,0.2);content:'';opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1);}
figure.effect-ming h2{margin:20% 0 10px 0;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-ming p{padding:0;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale(1.5);transform:scale(1.5);color:#fff;}
.effect-ming h4{color:#000;font-size:25px;font-weight:600;margin-top:35px;text-shadow:1px 2px 4px #eee;}
figure.effect-ming:hover h2{-webkit-transform:scale(0.9);transform:scale(0.9);}
figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
figure.effect-ming:hover figcaption{background-color:rgba(58,52,42,0);}
figure.effect-ming:hover img{opacity:0.4;}
@media screen and (max-width:50em){.content{padding:0 10px;text-align:center;}
.grid figure{display:inline-block;float:none;margin:10px auto;width:100%;}
}