@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;padding:0.2em 0;max-width:1140px;list-style:none;text-align:center;}
.grid figure {position: relative;overflow: hidden;margin: 10px 1%;min-width:160px;max-width:350px;max-height:360px;width:40%;background-color:#fff;text-align:center; display: inline-block;}
.grid figure img {position: relative;display: block;max-width: 100%; height:auto;/*opacity: 0.8;*/}
.grid figure video {position: relative;display: block;max-width: 100%; height:auto;/*opacity: 0.8;*/}
.grid figure figcaption {padding: 0.2em;color: #fff;font-size: 1.2em;-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:600;font-size:1.6em;}
.grid figure h2,.grid figure p {margin:0;}
.grid figure p {letter-spacing: 1px;font-size: 68.5%;}
figure.effect figcaption {top:auto;bottom:0;padding:0.2em;height:2.5em;background:#fff;color:#3c4a50;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
figure.effect h2 {float:left;text-decoration:underline;display:inline-block;}
figure.effect h2 a:hover {text-decoration:none;}
figure.effect p.description {
	position: absolute;
	bottom: 5em;
	padding: 1em;
	color: #fff;
	text-transform: none;
	font-size: 100%;
	opacity: 0;
	background-color:rgba(0,0,0,0.9);
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}
figure.effect h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}
figure.effect:hover p.description {opacity: 1;}
figure.effect:hover figcaption,
figure.effect:hover h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect:hover h2 {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
@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%;
	}
}