@media all and (max-width: 300px) {
    body { font-size: 10px;}
}
@media all and (min-width: 320px) {
    body { font-size: 10px;}
}
@media all and (min-width: 768px) {
    body { font-size: 12px;}
}
@media all and (min-width: 810px) {
    body { font-size: 12px;}
}
@media all and (min-width: 870px) {
    body { font-size: 12px;}
}
@media all and (min-width: 980px) {
    body { font-size: 12px;}
}
@media all and (min-width: 1070px) {
    body { font-size: 11.5px;}
}
@media all and (min-width: 1150px) {
    body { font-size: 12px;}
}
@media all and (min-width: 1220px) {
    body { font-size: 13px; }
}
@media all and (min-width: 1340px) {
    body { font-size: 14px; }
}
@media all and (min-width: 1460px) {
    body { font-size: 15px; }
}
@media all and (min-width: 1580px) {
    body { font-size: 16px; }
}
@media all and (min-width: 1600px) {
    body { font-size: 17px; }
}
@media all and (min-width: 1720px) {
    body { font-size: 18px; }
}
@media all and (min-width: 1840px) {
    body { font-size: 19px; }
}
@media all and (min-width: 1960px) {
    body { font-size: 20px; }
}
@media all and (min-width: 2080px) {
    body { font-size: 21px; }
}