figcaption, figcaption:after, figcaption:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.grid {
    width:95%;
	position:relative;
	clear:both;
	margin:0 auto;
	margin:20px auto;
	/*max-width:1000px;*/
	list-style:none;
	text-align:center
}
.grid figure {
	position:relative;
	float:left;
	overflow:hidden;
	margin:12px;
	width:31%;
	height:auto;
	/*background:#3085a3;*/
	text-align:center;
    border-radius:3px;
	cursor:pointer
}
.grid figure img {
	position:relative;
	display:block;
	height:100%;
	width:100%;
	opacity:.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:-.15em;
	font-weight:300
}
.grid figure h2 span {
	font-weight:800
}
.grid figure h2,.grid figure p {
	margin:0
}
.grid figure p {
	letter-spacing:1px;
	font-size:68.5%
}
figure.effect-goliath {
	background:#1a419e
}
figure.effect-goliath img,figure.effect-goliath h2 {
	-webkit-transition:-webkit-transform .35s;
	transition:transform .35s
}
figure.effect-goliath img {
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
figure.effect-goliath h2,figure.effect-goliath p {
	position:absolute;
	bottom:0;
	left:0;
    font-size:25px;
	padding:30px
}
figure.effect-goliath p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0)
}
figure.effect-goliath:hover img {
	-webkit-transform:translate3d(0,-80px,0);
	transform:translate3d(0,-80px,0)
}
figure.effect-goliath:hover h2 {
	-webkit-transform:translate3d(0,-100px,0);
	transform:translate3d(0,-100px,0)
}
figure.effect-goliath:hover p {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}