//1 Ajustando o layout para telas menores
.apresentacao{
padding: 5% 15%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 82px;
}
//2 Implementando media queries para mudança de layout
@media (max-width: 1023px) {
.apresentacao {
flex-direction: column;
}
}
//3 Refinando o layout responsivo
.apresentacao {
flex-direction: column-reverse;
}
//4 Ajustando o cabeçalho para telas menores
.cabecalho {
padding: 10%;
}
//5 Centralizando itens do menu em telas menores
.cabecalho__menu {
justify-content: center;
}