html, body, * { color: #555b88; font-family: sans-serif; margin: 0;  padding: 0; }
body { background-image: linear-gradient(to right, #d9e9fb, white, #9daed7); }
a { color: #416ba0; font-weight: bold; }

.logo { display: block; margin-left: auto; margin-right: auto; width: 550px; }
.logo img { width: 100%; }

.manutencao { margin: 40px 0 0 0; text-align: center; width: 100%; }
.orcamento { margin: 20px 0 40px 0; text-align: center; width: 100%; }

.enderecos { display: flex; flex-direction: row; justify-content: space-around; margin: 0 auto; max-width: 680px; }
.endereco { flex: 1; font-size: 14px; line-height: 25px; margin: 5px 30px; text-align: left; }

.rodape { color: #416ba0; font-size: 20px; font-weight: bold; margin: 30px 0 0 0; text-align: center; width: 100%; }
.redes-sociais { margin-top: 15px; }
.redes-sociais a { color: #555b88; font-size: 40px; font-weight: normal; margin: 0 5px; }

@media (max-width: 680px) {
	.enderecos { flex-direction: column; }
}

@media (max-width: 550px) {
	.logo { width: 100%; }
}