@charset "UTF-8";
/* CSS Document */
/*remax story*/
#remax{
	background: url('../images/remax-cover.jpg') no-repeat fixed;
	background-size: 100%;
	
}
@media only screen and (max-width: 1280px) {
	#remax{
	background: url('../images/remax-cover.jpg') no-repeat top center fixed;
	background-size: auto 500px;
	}
}
#remax h1,h2{
	color: #012B5D;
}
#remax .set1{
	background-color: #E9EAEE;
	width: 100%;
	padding: 50px 0;
	margin: 6em 0;
	text-align: center;

}
#remax .set1 img{
	margin: 0 1em;
	padding: 0;
	box-shadow: 1px 3px 5px rgba(0,0,0,0.2);
}
#remax .set2{
	width: 100%;
	padding: 0;
	margin: 6em 0;
	text-align: center;

}
#remax .set2 img{
	margin: 0 .5em 1.45em;
	padding: 0;
	box-shadow: 1px 3px 5px rgba(0,0,0,0.2);
}
#remax .set2 div{
	max-width: 400px;
	padding: 0;
	margin: 0 1em;
	display: inline-block;
}
#remax .set3{
	background-color: #B3161C;
	width: 100%;
	padding: 50px 0;
	margin: 6em 0;
	color:#fff;
	text-align: center;
}
#remax .set3 div{
	max-width: 750px;
	padding: 0;
	margin: 0 1em;
	display: inline-block;
}
#remax .set3 img{
	box-shadow: 1px 3px 5px rgba(0,0,0,0.2);
	margin: .5em;

}
#remax .set4 img{
	background: #fff;
	padding: 1.25em 1.25em 3em;
	margin: .5em 1em;
	box-shadow: 1px 3px 5px rgba(0,0,0,0.2);
}
@media only screen and (max-width: 800px) {
	#remax .set2 img, .set3 img, .set4 img, .set5 img, .set6 img{
		max-width: 80%;
		width: 80%;
		margin: .5em 0;
	}
}
#remax .set5{
	background: #012B5D;
	width: 100%;
	padding: 50px 0;
	margin: 6em 0;
	text-align: center;
	color: #fff;
	
}
#remax .set5 img{
	margin: .5em 1em;
	vertical-align: top;
}
#remax .set6{
	margin-bottom: 0;
	padding-bottom: 6em;
}
#remax .set6 img{
	max-width: 400px;
	margin:.5em;
}