@charset "utf-8";
/* CSS Document */

.container {
	width:100%;
	position:relative;
}

.image {
	display:block;
	width:100%;
	height:auto;
	opacity:0;
	font-size:0;
}

.overlay {
	position: absolute;
	bottom:20px;
	left: 0;
	right: 0;
	background-color:none;
	overflow: hidden;
	width: 100%;
	height:50%;
	transition: .5s ease;
	border-radius:8px;
}

.container:hover .overlay {
	height: 100%;
}

.text {
	width:100%;
	height:auto;
	font-size:0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

@media screen and (max-width:1079px) {
	.container {
		width:50%;
		position:relative;
	}

	.overlay {
		overflow:auto;
		height:100%;
		transition:none;
	}
	
	.text {
		top:0;
		left:0;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		text-align: center;
	}
}