@media (min-width: 640px) {
  /*  header  */
  .header {
    grid-template-columns: auto auto auto; /* tres columnas */
    grid-template-rows: auto; /* una fila */
  }

  .navegation {
    grid-column: 2; /* nav a segunda columna */
    grid-row: 1; /*Mover nav a la primera fila */
  }

  /*  main  */
  .hero {
    font-size: 4rem;
    margin: 16rem 8rem 8rem 8rem;
  }

  h3 {
    font-size: 4rem;
  }

  .text-about,
  .text-project {
    font-size: 2.4rem;
  }
  .content {
    margin: 2rem 4rem;
  }

  .title {
    font-size: 2.4rem;
  }

  .desc,
  .video {
    font-size: 2rem;
  }
}