body {
    /* Define uma largura máxima para o conteúdo para não ficar muito esticado em telas grandes */
    max-width: 960px; /* Você pode ajustar este valor */
    /* Centraliza o conteúdo horizontalmente na tela */
    margin-left: auto;
    margin-right: auto;
    /* Remove a margem padrão do body para evitar barras de rolagem indesejadas em alguns navegadores */
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px; /* Adiciona um preenchimento interno para o conteúdo não colar nas bordas */

    /* --- Novas propriedades para a margem marrom escura --- */
    background-color: #1A76D1; /* Marrom escuro para o fundo da página (a "margem") */
    padding: 30px; /* Aumenta o padding para criar uma margem visível. Ajuste este valor para o tamanho desejado. */
    box-sizing: border-box; /* Garante que o padding seja incluído na largura/altura total */
}

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

          width: 100%; /* Ocupa 100% da largura do body (que já está centralizado) */
    background-color: #FFFFFF; /* Fundo branco para o conteúdo principal */
    padding: 20px; /* Adiciona um padding interno para o conteúdo não colar nas bordas */
    border-radius: 8px; /* Opcional: bordas arredondadas para o conteúdo principal */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Opcional: uma leve sombra */
    box-sizing: border-box; /* Garante que padding e border sejam incluídos na largura */

}

/* 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;
}