/* Laptop */
@media screen and (max-width: 1200px) {
  html {
    font-size: 90%;
  }

  .hero {
    width: 75%;
    height: auto;
  }

  .table {
    width: 75%;
  }
}

/* Tablet */
@media screen and (max-width: 768px) {
  html {
    font-size: 80%;
  }
  .hero {
    width: 62.5%;
    height: auto;
  }

  .table {
    width: 62.5%;
  }
}

/* Mobile Phone */

@media screen and (max-width: 450px) {
  html {
    font-size: 65%;
  }
  .hero {
    width: 55%;
    height: auto;
  }

  .table {
    width: 55%;
  }
}