.grid {
	padding:0px;
	margin: 0px auto 3.0em -20px;
	list-style: none;
	text-align: center;
	bottom:0;
}

.grid li {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0px;
	text-align: center;
}

.grid figure {
	margin: 0;
	cursor:pointer;
	position:absolute;
}

.grid figcaption {
	z-index:999;
	font-size:0.8em;
	line-height:130%;
	height:auto;
	margin-top:-10px;
	min-height:80px;
	padding: 5px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e08200+0,771717+100 */
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	}

.grid figcaption h3 {
	margin: 0;
	padding: 0;
	color: #fff;
}

/* Individual Caption Styles */

/* Caption Style 3 */

.cs-style-3 figcaption {
	height: auto;
	width: 96%;
	top: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,.cs-style-3 figure figcaption:hover,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: -webkit-transform 1.4s, opacity 1.1s;
	-moz-transition: -moz-transform 1.4s, opacity 1.1s;
	transition: transform 1.4s, opacity 1.1s;
}
