/*640*/
@media only screen and (max-width: 320px) {
  html {
    font-size: 50px;
  }
}
@media only screen and (min-width: 321px) and (max-width: 352px) {
  html {
    font-size: 55px;
  }
}
@media only screen and (min-width: 353px) and (max-width: 384px) {
  html {
    font-size: 60px;
  }
}
@media only screen and (min-width: 385px) and (max-width: 416px) {
  html {
    font-size: 65px;
  }
}
@media only screen and (min-width: 417px) and (max-width: 448px) {
  html {
    font-size: 70px;
  }
}
@media only screen and (min-width: 449px) and (max-width: 480px) {
  html {
    font-size: 75px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 512px) {
  html {
    font-size: 80px;
  }
}
@media only screen and (min-width: 513px) and (max-width: 544px) {
  html {
    font-size: 85px;
  }
}
@media only screen and (min-width: 545px) and (max-width: 576px) {
  html {
    font-size: 90px;
  }
}
@media only screen and (min-width: 577px) and (max-width: 608px) {
  html {
    font-size: 95px;
  }
}
@media only screen and (min-width: 609px) and (max-width: 640px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (min-width: 641px) {
  html {
    font-size: 100px;
  }
}