diff --git a/src/App/styles.less b/src/App/styles.less
index f3c018ff1..1697416c3 100644
--- a/src/App/styles.less
+++ b/src/App/styles.less
@@ -100,26 +100,26 @@ html {
     }
 }
 
-@media only screen and (max-width: @medium) {
+@media only screen and (min-width: @xxlarge) {
     html {
-        font-size: 14px;
+        font-size: 18px;
     }
 }
 
-@media only screen and (min-width: @medium) and (max-width: @large) {
-    html {
-        font-size: 15px;
-    }
-}
-
-@media only screen and (min-width: @large) and (max-width: @xxlarge) {
+@media only screen and (max-width: @xxlarge) {
     html {
         font-size: 16px;
     }
 }
 
-@media only screen and (min-width: @xxlarge) {
+@media only screen and (max-width: @large) {
     html {
-        font-size: 18px;
+        font-size: 15px;
+    }
+}
+
+@media only screen and (max-width: @medium) {
+    html {
+        font-size: 14px;
     }
 }
\ No newline at end of file