body {
	background: #FFF url(../imagens/fundos/img_home.webp) no-repeat center;
	background-attachment: fixed;
	background-size: 1000px;
}

/*rodape*/
#rodape_id {
	clear: both;
	width: 90%;
	margin-top: 80px;
	margin-left: 5%;
	padding-bottom: 20px;
	text-align: center;
	font-size: 13px;
	color: #FFF;
}
#rodape_id a {color: #FFF;}
#rodape_id a:hover {color: #9EA3AB;}


#popup {
	display: none;
	position: absolute; 
	width: 90%;
	margin-left: 5%;	
	top: 150px;
	padding: 0px;
	text-align: center;
	z-index: 1000;  
}

.bt_popup {
	float: right;
	clear: right;
	width: 100%;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 2px;
}

@media only screen and (min-width: 360px) {	
body {background-size: 1300px;}
}

@media only screen and (min-width: 411px) {	
body {background-size: 1500px;}
}

@media only screen and (min-width: 585px) { /*IPhoneXS*/
body {background-size: 1100px;}
	
#popup {
	width: 80%;
	margin-left: 10%;
}
}

@media only screen and (min-width: 600px) {
body {background-size: 1600px;}
}

@media only screen and (min-width: 768px) {	
#popup {
	width: 70%;
	margin-left: 15%;
	top: 120px;
}
}

@media only screen and (min-width: 820px) {	
body {background-size: 2000px;}
}

@media only screen and (min-width: 960px) {	
body {background-size: 100%;}
}

@media only screen and (min-width: 1024px) {
body {background-size: 1300px;}
	
/*rodape*/
#rodape_id {
	position: absolute;
	float: right;
	clear: right;
	width: 70%;	
	bottom: 25px;
	margin-top: 0;
	right: 0;
	padding-bottom: 0;
	z-index: 1;	
}
	
#popup {
	width: 60%;
	margin-left: 20%;
	top: 100px;
}
}

@media only screen and (min-width: 1280px) {
body {background-size: 100%;}	
#popup {
	width: 50%;
	margin-left: 25%;
}
}

@media only screen and (min-width: 1366px) {
body {background-position: bottom;}
}

@media only screen and (min-width: 1600px) {
body {background-size: 2000px;}	
	
#popup {
	width: 40%;
	margin-left: 30%;
}
}

@media only screen and (min-width: 1800px) {
body {background-size: 100%; background-position: center;}
}