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);}
.grid {position: relative; margin: 0 auto; max-width: 1000px; list-style: none; text-align: center;}
/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	/*min-width: 320px;*/
	max-width: 480px;
    width: 100%;
	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: 3%; left: 0; width: 100%; height: 100%;}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.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; margin-top: 37%; font-size: 40px; padding: 0 10px;}
.grid figure p {letter-spacing: 1px; font-size: 68.5%;}