@font-face{font-weight:normal;font-style:normal;font-family:'feathericons';src:url('../fonts/feathericons/feathericons.eot?-8is7zf');src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),
url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),
url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),
url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');}
.grid{position:relative;margin:0 auto;max-width:1000px;list-style:none;text-align:center;}
.grid figure{position:relative;float:left;overflow:hidden;margin:0px 0%;max-width:480px;max-height:360px;background:#3085a3;text-align:center;cursor:pointer;}
.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:0.5;}
.grid figure figcaption{padding:2em;color:#fff;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:2px;font-weight:300;}
.grid figure h2 span{font-weight:800;color:#fff;}
.grid figure h2,
.grid figure p{margin:0;font-size:18px;}
.grid figure p{font-weight:bold;font-size:12px;}
figure.effect-romeo img{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,0,300px);transform:translate3d(0,0,300px);}
figure.effect-romeo:hover img{opacity:0.6;}
figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after{border:4px solid #fff;bottom:21px;content:"";height:calc(19% - 0px);left:9px;position:absolute;right:9px;transform:translate3d(0px, -100%, 0px);transition:transform 0.35s ease 0s;}
figure.effect-romeo:hover figcaption::before{opacity:0.5;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-romeo:hover figcaption::after{opacity:0.5;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-romeo h2,
figure.effect-romeo p{position:absolute;top:60%;left:0;width:100%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-romeo p{padding:3em 2em;}
figure.effect-romeo:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-romeo:hover p{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-dexter{background:-webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);background:linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%);}
figure.effect-dexter img{-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-dexter:hover img{opacity:0.4;}
figure.effect-dexter figcaption::after{position:absolute;right:30px;bottom:30px;left:30px;height:-webkit-calc(50% - 30px);height:calc(50% - 30px);border:7px solid #fff;content:'';-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
figure.effect-dexter:hover figcaption::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-dexter figcaption{padding:3em;text-align:left;}
figure.effect-dexter p{position:absolute;right:60px;bottom:60px;left:60px;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0);}
figure.effect-dexter:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
@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%;}
}