@import url('demo.css');

.grid {
	margin: 30px auto;
}

.grid figure {
	display: block;
	float: left;
	margin: 0 1% 10px 1%;
	cursor: pointer;
	overflow: hidden;
}

.grid figure img {
	display: block;
}

.grid figure figcaption {
	position: absolute;
	font-size: 16px;
	font-weight: 400;
	left: auto;
	width: 100%;
	height: 70px;
	bottom: -70px;
	padding: 15px;
	color: #ddd;
	background: #18bcbc;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: bottom 0.2s ease;
	-moz-transition: bottom 0.2s ease-in-out;
	-ms-transition: bottom 0.2s ease-in-out;
	-o-transition: bottom 0.2s ease-in-out;
	transition: bottom 0.2s ease-in-out;
}

.grid figure figcaption a {
	color: #fff;
}

.grid figure figcaption a:hover {
	color: #ffd468;
}

.grid figure:hover figcaption {
	bottom: 0px;
}