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

#home-page{
	width:923px;
	float:left;
	padding-left:35px;
	
	margin-top:40px;
	margin-bottom:40px;
	}
	
.home-page-image{
	width:280px;
	height:280px;
	float:left;
	position:relative;
	background-size:280px, 280px;
	transition: all .29s ease-in-out;
	-moz-transition: all .29s ease-in-out;
	-webkit-transition: all .29s ease-in-out;
	margin-right:20px;
	border:#000000 1px solid;
}


.home-page-image:hover{
	
	border:#ffffff 1px solid;
}




	
.overlay {
	width:280px;
	height:280px;
	text-align:center;
	position:absolute;
	bottom:0;
	opacity: 0;
	transition: opacity .29s ease-in-out;
	-moz-transition: opacity .29s ease-in-out;
	-webkit-transition: opacity .29s ease-in-out;
	
}
.overlay:hover {
	opacity: 1;
	background-color: rgba(64, 70, 89, 0.65);
	
}

.overlay-text {
	width:280px;
	height:155px;
	text-align:center;
	position:absolute;
	bottom:0;
	}
.overlay-text-tv {
	width:280px;
	height:170px;
	text-align:center;
	position:absolute;
	bottom:0;
	}	
	
	
	
.overlay h1 {
	font-size:24px;
}