@charset "utf-8";
/* CSS Document */
html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	width: 100%;
	height: 100%;
	background: url("bg.jpg");
	background-size: cover;
	background-position: top center;
}

img {
	width:100%
}
#corpo{
	width:80%;
	margin-left: 10%;
	margin-right: 10%;
	height: 100%;
	min-height: 500px;

}

#marca{
	background-size: cover;
	background-position: center top;
	width: 40%;
	height: auto;
	min-height: 400px;
	margin: auto;
	text-align: center;
}
#tipo{
	background-size: cover;
	background-position: center top;
	width: 30%;
	height: auto;
	min-height: 100px;
	margin: auto;
	text-align: center;
}
#constru{
	background-size: cover;
	background-position: center top;
	width: 35%;
	height: auto;
	min-height: 100px;
	margin: auto;
	text-align: center;
}
@media screen and (min-width: 1024px) {
	
	#corpo{
	margin-top: 30px;
	width:80%;
	margin-left: 10%;
	margin-right: 10%;
	height: 100%;
	min-height: 500px;

}
}


@media screen and (max-width: 1023px) {
	#corpo{
	margin-top: 90px;
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	height: 100%;
	min-height: 500px;
}
	#marca{
	background-size: cover;
	background-position: center top;
	width: 80%;
	height: auto;
	min-height: 400px;
	margin: auto;
	text-align: center;
}
#tipo{
	background-size: cover;
	background-position: center top;
	width: 50%;
	height: auto;
	min-height: 100px;
	margin: auto;
	text-align: center;
}
#constru{
	background-size: cover;
	background-position: center top;
	width: 65%;
	height: auto;
	min-height: 100px;
	margin: auto;
	text-align: center;
}
}