@media screen and (max-width: 1600px) {
  html {
    font-size: 54%;
  }
  .content .description {
    margin-top: 8rem;
  }
  .content .name img {
    top: 3.5rem;
    width: 1000px;
  }
  .content .skills img {
    width: 780px;
  }
}
@media screen and (max-width: 1370px) {
  html {
    font-size: 50%;
  }
  .content .description {
    margin-top: 2rem;
  }
  .content .valign {
    margin-top: 0;
  }
  .content .name img {
    top: 4.8rem;
    width: 800px;
  }
  .content .skills img {
    top: 2.8rem;
    width: 600px;
  }
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 40%;
  }
  .content .description {
    margin-top: 0;
  }
  .content .description .wrap {
    right: 5%;
  }
  .content .name img {
    top: 4.3rem;
    width: 640px;
  }
  .content .skills img {
    top: 2.8rem;
    width: 440px;
  }
}
@media screen and (max-width: 780px) {
  body {
    background-size: cover;
  }
  .content {
    display: none !important;
  }
  .mobile {
    display: block;
  }
  .gfx {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: 34%;
  }
}