/* Centraliza o conteúdo da div "empresa" */
#empresa {
 /*    width: 80%; Ajuste a largura conforme necessário */
    margin: 100; /* Isso centraliza o bloco */
    text-align: center; /* Centraliza o texto dentro da div */
      background-color: #FFFFFF; /* Fundo branco para o conteúdo principal */

}

/* Centraliza as caixas de imagem */
.box3 {
    display: inline-block; /* Permite que os elementos fiquem lado a lado */
    margin: 10px; /* Adiciona espaçamento entre as caixas de imagem */
    /* text-align: left; /* Opcional: Se você quer que o conteúdo dentro de box3 seja alinhado à esquerda, mas o box3 em si está centralizado pelo inline-block */
}

/* Adiciona a borda marrom clara às imagens */
.box3 img {
    border: 3px solid #D2B48C; /* Cor marrom clara (Light Brown) e espessura da borda */
    padding: 5px; /* Espaçamento entre a imagem e a borda */
}

/* Para garantir que o texto dentro de #empresa, como o <p>, esteja centralizado */
#empresa p {
    text-align: justify; /* Ou 'center', dependendo do seu desejo para o parágrafo */
    margin-left: auto;
    margin-right: auto;
    width: 90%; /* Ajuste a largura do parágrafo dentro do contêiner */
}

/* Para o título h1 dentro de #empresa */
#empresa h1 {
    text-align: center;
}