• Ajustando o layout para telas menores

.apresentacao{
    padding: 5% 15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 82px;
}

• Implementando media queries para mudança de layout
• &
• Refinando o layout responsivo

@media (max-width: 1200px) {
    .apresentacao{
        flex-direction:column-reverse;
    }
  }

• Ajustando o cabeçalho para telas menores

@media (max-width: 1200px) {
    .cabecalho{
        padding: 10%;
    }
    .apresentacao{
        flex-direction:column-reverse;
    }
  }

• Centralizando itens do menu em telas menores Não fiz esta parte porque em meu projeto já havia implementado anteriormente

.cabecalho__menu{
    display: flex;
    justify-content: center;

}

• Refinando o design responsivo do cabeçalho Por enquanto so fiz essa modificação

@media (max-width: 1200px) {
    .cabecalho{
        /*padding: 10%;*/
        padding: 8%
    }