#banners{
	width: 100%;
	position:relative;
	overflow:hidden;
}
.banner{
	position:relative;
	display:block;
	width:310px;
	height:389px;
	overflow:hidden;
	float:left;
	margin-right:10px;
	font:32px/30px "Times New Roman", Times, serif;
	font:32px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font:32px/30px 'Lato',sans-serif;
	color:#fff;
	text-transform:uppercase;
}
	.banner:hover{text-decoration:none;}
	.banner span{display:block; font: italic 12px/18px Georgia, "Times New Roman", Times, serif; text-transform:none;}
	.banner img{position:absolute; left:0;}

.banner1{background:#c5c4aa;}
.banner1{background:#aaaaaa;}
	.banner1 .indents{padding:32px 38px 0;}
	.banner1 span{color:#eaeae4; padding:5px 0 0 5px;}
	.banner1 img{bottom:-100%;}
.banner2{background:#d9524e;}
.banner2{background:#c5c4aa;}
.banner2{background:#aaaaaa;}
	.banner2 img{top:-100%;}
	.banner2 span{color:#e8c2b7; padding:10px 0 0 5px;}
	.banner2 span{color:#eaeae4; padding:5px 0 0 5px;}
	.banner2 .indents{padding:266px 43px 0;}
.banner3{background:#e98100;}
.banner3{background:#c5c4aa;}
.banner3{background:#aaaaaa;}
	.banner3 .indents{padding:32px 38px 0;}
	.banner3 span{color:#f7d2ae; padding:5px 0 0 2px;}
	.banner3 span{color:#eaeae4; padding:5px 0 0 5px;}
	.banner3 img{bottom:-100%;}
@media only screen and (max-width: 995px){
	.banner{width:246px; height:330px; font-size:28px; line-height:29px;}
	.banner1 .indents, .banner3 .indents{padding:20px 20px 0;}
	.banner2 .indents{padding:215px 20px 0;}
}
@media only screen and (max-width: 767px){
	.banner{width:134px; margin-right:9px; height:183px; font-size:16px; line-height:24px; text-transform:lowercase;}
	.banner span{display:none;}
	.banner1 .indents, .banner3 .indents{padding:15px 15px 0;}
	.banner2 .indents{padding:115px 15px 0;}
}
@media only screen and (max-width: 479px){
	.banner{width:96px; margin-right:6px; height:143px; font-size:12px; line-height:19px;}
	.banner1 .indents, .banner3 .indents{padding:15px 12px 0;}
	.banner2 .indents{padding:90px 12px 0;}
}