@media screen and (min-width: 1px) { :root { font-size: 12px; } } @media screen and (min-width: 300px) { :root { font-size: 13pt; } } @media screen and (min-width: 400px) { :root { font-size: 14pt; } } @media screen and (min-width: 500px) { :root { font-size: 15pt; } } @media screen and (min-width: 600px) { :root { font-size: 16pt; } } @media screen and (min-width: 700px) { :root { font-size: 17pt; } } @media screen and (min-width: 802px) { :root { font-size: 12pt; } } @media screen and (min-width: 1000px) { :root { font-size: 13pt; } } @media screen and (min-width: 1200px) { :root { font-size: 14pt; } } @media screen and (min-width: 1500px) { :root { font-size: 15pt; } } @media screen and (min-width: 1800px) { :root { font-size: 16pt; } } @media screen and (min-width: 2500px) { :root { font-size: 17pt; } } @media screen and (min-width: 3000px) { :root { font-size: 19pt; } }