Tweak zooms some more

old/main.css

@@ -156,42 +156,42 @@ img, .down-button {
 }
 
 
-@media (max-width: 600px), (max-width: 750px) and (max-height: 1000px), (max-height: 850px)) {
+@media (max-width: 500px), (max-width: 750px) and (max-height: 1000px), (max-height: 850px)) {
     :root {
         font-size: 95%;
     }
 }
 
 
-@media (max-width: 500px), (max-width: 650px) and (max-height: 900px), (max-height: 750px) {
+@media (max-width: 400px), (max-width: 650px) and (max-height: 900px), (max-height: 750px) {
     :root {
         font-size: 85%;
     }
 }
 
 
-@media (max-width: 450px), (max-width: 600px) and (max-height: 800px), (max-height: 650px) {
+@media (max-width: 350px), (max-width: 600px) and (max-height: 800px), (max-height: 650px) {
     :root {
         font-size: 75%;
     }
 }
 
 
-@media (max-width: 400px), (max-width: 550px) and (max-height: 700px), (max-height: 550px) {
+@media (max-width: 300px), (max-width: 550px) and (max-height: 700px), (max-height: 550px) {
     :root {
         font-size: 65%;
     }
 }
 
 
-@media (max-width: 350px), (max-width: 450px) and (max-height: 650px), (max-height: 500px) {
+@media (max-width: 250px), (max-width: 450px) and (max-height: 650px), (max-height: 500px) {
     :root {
         font-size: 55%;
     }
 }
 
 
-@media (max-width: 300px), (max-width: 350px) and (max-height: 600px), (max-height: 450px) {
+@media (max-width: 200px), (max-width: 350px) and (max-height: 600px), (max-height: 450px) {
     :root {
         font-size: 40%;
     }