.container-1 
{
	position: relative;  
}

.image 
{
	display: block; 
	width: 100%; 
	height: auto; 
}

.overlay 
{
	position: absolute; 
	bottom: 100%; 
	left: 0; 
	right: 0; 
	background-color: #008CBA;
	overflow: hidden; 
	width: 100%; 
	height:0; 
	transition: .5s ease; 
}

.container-1:hover .overlay 
{
	bottom: 0; 
	height: 100% 
}

.text 
{
	color: white; 
	font-size: 20px; 
	position: absolute; 
	top: 50%; 
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
	text-align: center; 
}
.text a 
{
	color: white; 
	font-size: 30px; 
	position: absolute; 
	top: 50%; 
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
	text-align: center; 
	text-decoration: none;
}