/* Notebook telas maiores */
@media (max-width: 1370px) {
  .cabecalho {
    padding: 2% 0% 0% 7%;
  }

  .apresentacao {
    padding: 5% 7%;
  }

  .apresentacao__conteudo {
    width: 45%;
    gap: 2rem;
  }

  .apresentacao__imagem__about {
    width: 52%;
  }

  .apresentacao__conteudo__titulo {
    font-size: 2rem;
  }

  .apresentacao__conteudo__texto {
    font-size: 1.4rem;
  }

  .conteudo__projects {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
  }

  .conteudo__projects__images {
    max-width: 390px;
  }
}

/* Notebook telas menores */
@media (max-width: 1200px) {
  .cabecalho {
    padding: 10%;
  }
  .cabecalho__menu {
    justify-content: center;
  }

  .apresentacao {
    flex-direction: column-reverse;
    padding: 5% 5%;
  }

  .apresentacao__conteudo {
    width: auto;
  }

  .apresentacao__imagem {
    margin-bottom: 35px;
  }

  .apresentacao__imagem__about {
    margin-top: 35px;
  }

  .conteudo__projects {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    height: 90vh;
  }

  .conteudo__projects__images {
    max-width: 300px;
  }
}

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

  .cabecalho__menu__link {
    font-size: 1.1rem;
  }

  .apresentacao__conteudo {
    width: auto;
  }

  .apresentacao__conteudo__texto {
    text-align: center;
  }

  .conteudo__projects__images {
    max-width: 170px;
  }

  .rodape {
    font-size: 1rem;
  }
}

@media (max-width: 400px) {
  .cabecalho {
    padding: 8%;
  }
  .cabecalho__menu {
    justify-content: center;
    text-align: center;
  }

  .cabecalho__menu__link {
    font-size: 1.1rem;
  }

  .apresentacao__conteudo {
    width: auto;
  }

  .apresentacao__conteudo__titulo {
    font-size: 1.8rem;
  }

  .apresentacao__conteudo__texto {
    text-align: center;
  }

  .conteudo__projects {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    height: 90vh;
  }

  .conteudo__projects__images {
    max-width: 150px;
  }

  .rodape {
    font-size: 1rem;
  }
}