[Projeto] Desafio: Responsividade.

**1) Ajustando o layout para telas menores **

.apresentacao {
        gap: 82px;
    }

**2) Implementando media queries para mudança de layout **

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

**3) Refinando o layout responsivo **

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

**4) Ajustando o cabeçalho para telas menores **

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

**5) Centralizando itens do menu em telas menores **

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

**6) Refinando o design responsivo do cabeçalho **

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