@charset "UTF-8";

a.logo { width: 285px; height: 48px; background: url("../images/logo-rdo.png") 0 0 no-repeat; background-size: contain}


.linha-topo { background-color: #eb7a2d; width: 70%}



#parte2 {background: #fff; padding: 20px 0 50px; margin:-80px 0;}
#parte4 {background: #fff; padding: 20px 0 80px; margin:80px 0 -80px 0; border-top: 2px solid #dcdfed;}



@media (min-width: 767.98px) {
	h1 {font-size: 4em; margin-top: 50px; padding: 0}
h2 {margin: 20px 0}
		
	footer .rdp {margin-top: 30px}
	.rodape .row.center { margin-top: 80px}	

	#parte2 .icone2 { float: left; margin-left: 25%; margin-right: -15% }
	#parte2 p {margin-top: 1.2rem;}

}
@media (max-width: 575.98px) {
	.row .col-25 { margin-bottom: 30px!important; line-height: 1.5em }
	.col-25.espaco { margin-left: 17%; }
	.icones{ margin: 0}

	#parte2 { background: #fff; padding: 30px 0 60px; margin: -50px 0; }
	#parte2 img.graf{ width: 100%; height: auto}
	#parte4 {padding: 20px 0 60px;
    margin: 80px 0 -50px 0; }
	
	#parte5 { margin-bottom: -50px}
	footer.rodape {margin-bottom: -30px;}
	footer a.logo{ width: 80%; height: 40px}
	.ecm-rdp { margin: 0}
}