/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

div#contacts { display: block; position: relative; width: auto; padding: 0; margin: 50px 80px 0 80px; }
	div#contacts div.text { display: inline-block; position: relative; width: 35%; margin-right: 5%; vertical-align: top; }
	div#contacts div#map { display: inline-block; position: relative; width: 60%; vertical-align: top; height: 400px; background-color: silver; }

@media all and ( max-width: 950px ) {
	div#contacts { text-align: center; margin: 0; }
		div#contacts div.text { width: 100%; margin: 0; }
		div#contacts div#map { width: 100%; margin-top: 35px; height: 300px; }
}

/* ================================================================================================================== */
/* bloco */
/* ================================================================================================================== */

div#contacts div.block { display: block; position: relative; text-align: left; vertical-align: top; margin-bottom: 75px; }
div#contacts div.block:last-child { margin-bottom: 0; }
	div#contacts div.block h1 { font-size: 2.857em; }
	div#contacts div.block p { margin-top: 25px; }

@media all and ( max-width: 1265px ) {
	div#contacts div.block { display: block; margin: 35px; }
		div#contacts div.block h1,
		div#contacts div.block p { text-align: center; }
}