/*720*/
@media only screen and (max-width: 324px) {
  html {
    font-size: 45px;
  }
}
@media only screen and (min-width: 325px) and (max-width: 360px) {
  html {
    font-size: 50px;
  }
}
@media only screen and (min-width: 361px) and (max-width: 396px) {
  html {
    font-size: 55px;
  }
}
@media only screen and (min-width: 397px) and (max-width: 432px) {
  html {
    font-size: 60px;
  }
}
@media only screen and (min-width: 433px) and (max-width: 468px) {
  html {
    font-size: 65px;
  }
}
@media only screen and (min-width: 469px) and (max-width: 504px) {
  html {
    font-size: 70px;
  }
}
@media only screen and (min-width: 505px) and (max-width: 540px) {
  html {
    font-size: 75px;
  }
}
@media only screen and (min-width: 541px) and (max-width: 576px) {
  html {
    font-size: 80px;
  }
}
@media only screen and (min-width: 577px) and (max-width: 612px) {
  html {
    font-size: 85px;
  }
}
@media only screen and (min-width: 613px) and (max-width: 648px) {
  html {
    font-size: 90px;
  }
}
@media only screen and (min-width: 649px) and (max-width: 684px) {
  html {
    font-size: 95px;
  }
}
@media only screen and (min-width: 685px) and (max-width: 720px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (min-width: 721px) {
  html {
    font-size: 100px;
  }
}