01.

.apresentacao {
    padding: 2% 0 0 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 82px; 
}

02.

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

03.

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

04.

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

05.

.cabecalho__menu {
    display: flex; 
    justify-content: center;
    gap: 30px; 
}

06.

@media (max-width: 1023px) {
    .cabecalho {
        padding: 5% 0; 
    }
    
    .cabecalho__menu {
        display: flex; 
        justify-content: center;
        gap: 20px; 
        width: 100%; 
    }
}