@charset "UTF-8";
/* CSS Document */
a.logo { width: 285px; height: 48px; background: url("../images/logo-rdo.png") 0 0 no-repeat; background-size: contain}
h1 {font-size: 4em; margin-top: 50px; padding: 0}
h2 {margin: 20px 0}

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

#parte3 {background: #fff; padding: 20px 0 50px; margin:-80px 0;}
#parte5 {background: #fff; padding: 20px 0 50px; margin:0 0 -80px 0;}
#parte1 { margin-bottom: -70px}


@media (min-width: 767.98px) {
	#parte2 .col-md-6 { margin: 60px 0 40px 0}
	#parte2 .icones .esq { text-align: right;}
	#parte2 .icones .dir { text-align: left;}
	
	#parte3 {padding: 40px 0 60px}
	.img-map {margin-top: 50px}
	
	#parte6 img {margin: 0}
	#parte6 h3 { margin: -20px 0 20px}
	a.logo {}
	footer .rdp {margin-top: 30px}
	.rodape .row.center { margin-top: 80px}	

}

@media (max-width: 575.98px) {
	h1 {font-size: 3.5em; margin-top: 0}
	.row .col-25 { margin-bottom: 30px!important; line-height: 1.5em }
	.col-25.espaco { margin-left: 17%; }
	#parte2 h4{ font-size: 1.8em}
	.icones{ margin: 0}
	img.icone{ height:20%; width: auto}
	#parte2 img.graf{ width: 100%; height: auto}
	#parte3 { margin: -50px 0;}
	#parte5 { margin-bottom: -50px}
	#parte6 .graf {margin: 10px auto -20px;}
	#parte6 h5 { margin: 0}
	footer.rodape {margin-bottom: -30px;}
	footer a.logo{ width: 80%; height: 40px}
	.ecm-rdp { margin: 0}
}