/*1080*/
@media only screen and (max-width: 323px) {
  html {
    font-size: 30px;
  }
}
@media only screen and (min-width: 324px) and (max-width: 378px) {
  html {
    font-size: 35px;
  }
}
@media only screen and (min-width: 379px) and (max-width: 432px) {
  html {
    font-size: 40px;
  }
}
@media only screen and (min-width: 433px) and (max-width: 486px) {
  html {
    font-size: 45px;
  }
}
@media only screen and (min-width: 487px) and (max-width: 540px) {
  html {
    font-size: 50px;
  }
}
@media only screen and (min-width: 541px) and (max-width: 594px) {
  html {
    font-size: 55px;
  }
}
@media only screen and (min-width: 595px) and (max-width: 648px) {
  html {
    font-size: 60px;
  }
}
@media only screen and (min-width: 649px) and (max-width: 702px) {
  html {
    font-size: 65px;
  }
}
@media only screen and (min-width: 703px) and (max-width: 756px) {
  html {
    font-size: 70px;
  }
}
@media only screen and (min-width: 757px) and (max-width: 810px) {
  html {
    font-size: 75px;
  }
}
@media only screen and (min-width: 811px) and (max-width: 864px) {
  html {
    font-size: 80px;
  }
}
@media only screen and (min-width: 865px) and (max-width: 918px) {
  html {
    font-size: 85px;
  }
}
@media only screen and (min-width: 919px) and (max-width: 972px) {
  html {
    font-size: 90px;
  }
}
@media only screen and (min-width: 973px) and (max-width: 1026px) {
  html {
    font-size: 95px;
  }
}
@media only screen and (min-width: 1027px) and (max-width: 1080px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (min-width: 1081px) {
  html {
    font-size: 100px;
  }
}