fix styling for mobile devices

newVersion/css/style.css

@@ -57,25 +57,24 @@ body {
 /* 
     SIZES
 */
-
 .huge {
-    font-size: 500%;
-}
-
-.small-huge {
     font-size: 400%;
 }
 
+.small-huge {
+    font-size: 300%;
+}
+
 .biggest {
-    font-size: 325%;
+    font-size: 250%;
 }
 
 .bigger {
-    font-size: 200%;
+    font-size: 175%;
 }
 
 .medium-size {
-    font-size: 175%;
+    font-size: 150%;
 }
 
 .small-size {
@@ -90,6 +89,49 @@ body {
     font-size: 60%;
 }
 
+
+.half-width {
+    width: 50%;
+}
+
+@media only screen and (min-width: 1000px) {
+    .huge {
+        font-size: 500%;
+    }
+
+    .small-huge {
+        font-size: 400%;
+    }
+
+    .biggest {
+        font-size: 325%;
+    }
+
+    .bigger {
+        font-size: 200%;
+    }
+
+    .medium-size {
+        font-size: 175%;
+    }
+
+    .small-size {
+        font-size: 90%;
+    }
+
+    .smaller-size {
+        font-size: 75%;
+    }
+
+    .smallest-size {
+        font-size: 60%;
+    }
+
+    .half-width {
+        width: 70%;
+    }
+}
+
 .very-small {
     font-size: 30%;
     font-family: sans-serif;
@@ -102,8 +144,4 @@ body {
 
 .no-margin {
     margin: 0;
-}
-
-.half-width {
-    width: 50%;
 }