html{font-size:50px;}
body{font-size:24px;}
@media screen and (min-320px){
html{font-size:21.333333333333332px;}
body{font-size:12px;}
}
@media screen and (min-360px){
html{font-size:24px;}
body{font-size:12px;}
}
@media screen and (min-375px){
html{font-size:25px;}
body{font-size:12px;}
}
@media screen and (min-384px){
html{font-size:25.6px;}
body{font-size:14px;}
}
@media screen and (min-400px){
html{font-size:26.666666666666668px;}
body{font-size:14px;}
}
@media screen and (min-414px){
html{font-size:27.6px;}
body{font-size:14px;}
}
@media screen and (min-424px){
html{font-size:28.266666666666667px;}
body{font-size:14px;}
}
@media screen and (min-480px){
html{font-size:32px;}
body{font-size:15.36px;}
}
@media screen and (min-540px){
html{font-size:36px;}
body{font-size:17.28px;}
}
@media screen and (min-720px){
html{font-size:48px;}
body{font-size:23.04px;}
}
@media screen and (min-750px){
html{font-size:50px;}
body{font-size:24px;}
}