main {
	padding: 30px;
}

.bloco-contato {
    background-color: white;
    margin-top: 10px;
    width: 100%;
}

.whatsapp1 {
    display: flex;
    flex-direction: row;
    margin-bottom: 40px;
}

.instagram1 {
    display: flex;
    flex-direction: row;
    margin-bottom: 40px;
}

.telefone1 {
    display: flex;
    flex-direction: row;
    margin-bottom: 40px;
}

.coluna {
    display: flex;
    align-items: center;
    margin-left: 5px;
}

h2 {
    text-align: center;
	margin-bottom: 24px;
}

.logos {
    height: 40px;
}

/*============CONFIGURAÇÕES DA TABELA============*/

.tabela-principal {
    width: 100%;
	max-width: 800px;
    border-collapse: collapse;
    text-align: center;
    height: 200px;
}

.parte-branca {
    background-color: white;
}

.parte-escura {
    background-color: #D18719;
    padding: 10px;
    font-weight: bold;
    border: 2px solid #000;
}

.parte-clara {
    background-color: #EFCD8F;
}

thead th {
    background-color: #c67b0c;
    color: black;
    padding: 10px;
    font-weight: bold;
    border: 1px solid #000;
}

tbody td {
    border: 2px solid #000;
    padding: 8px;
  }

  /*============PARTE DA LOCALIZAÇÃO============*/
article {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 50px;
}

.img {
	width: 100%;
	max-width: 700px;
}

.cep {
	margin-top: 30px;
	text-align: center;
}

#anchor-maps {
	color: #000;
}

/* Tablets */
@media (max-width: 768px) {
	main {
		padding: 20px;
	}

	h2 {
		font-size: 1.5rem;
	}

	.whatsapp1,
	.instagram1,
	.telefone1 {
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin-bottom: 25px;
	}

	.coluna {
		margin-left: 0;
		margin-top: 8px;
	}

	.tabela-principal {
		font-size: 0.95rem;
		max-width: 100%;
	}

	.img {
		max-width: 500px;
	}
}

/* Celulares */
@media (max-width: 480px) {
	main {
		padding: 15px;
	}

	h2 {
		font-size: 1.25rem;
	}

	.logos {
		height: 32px;
		width: 32px;
	}

	.coluna {
		font-size: 0.95rem;
	}

	.tabela-principal {
		font-size: 0.8rem;
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	.tabela-principal th,
	.tabela-principal td {
		padding: 6px;
	}

	.img {
		max-width: 100%;
	}

	.cep {
		font-size: 0.9rem;
	}
}