Respostas da lista de exercícios

Exercício um) Ajustando o layout para telas menores

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

Exercício dois) Implementando media queries para mudança de layout

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

Exercício três) Refinando o layout responsivo

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

Exercício quatro) Ajustando o cabeçalho para telas menores

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

Exercício cinco) Centralizando itens do menu em telas menores

@media (max-width: 1200px) {
    .cabecalho__menu {
        justify-content: center;
    }
}

Exercício seis) Refinando o design responsivo do cabeçalho

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

    .cabecalho__menu {
        justify-content: center;
    }
}