@charset "UTF-8";
@media screen and (min-width: 768px) and (max-width: 992px) { /* TABLET */
  header::before {
    background-image: url(../images/metropainel/metropainel-600.webp);
  }

  header > div > h1 {
    display: block;
    margin-left: 10vw
  }

  div#digitado {
    position: absolute;
    top: 15vw;
    left: 20vw;
    width: 65vw;
    height: 14vw;
  }

  div#typewrite {
    position: absolute;
    top: 12vw;
    left: 17vw;
    width: 65vw;
    height: 13vw;
  }

  .typewrite {
    font-size: 0.8em;
  }

  nav {
    width: 50vw;
    padding-left: 0vw;
  }

  img#foto, div#foto1, div#foto2 {
    top: 12vw;
    left: 5vw;
    width: 20vw;
    height: 20vw;
  }
  
  menu#menunav {
    margin-left: 5%;
  }
  
}