fix styling for mobile devices

newVersion/css/style.css

@@ -57,7 +57,44 @@ body {
 /* 
     SIZES
 */
+.huge {
+    font-size: 400%;
+}
 
+.small-huge {
+    font-size: 300%;
+}
+
+.biggest {
+    font-size: 250%;
+}
+
+.bigger {
+    font-size: 175%;
+}
+
+.medium-size {
+    font-size: 150%;
+}
+
+.small-size {
+    font-size: 90%;
+}
+
+.smaller-size {
+    font-size: 75%;
+}
+
+.smallest-size {
+    font-size: 60%;
+}
+
+
+.half-width {
+    width: 50%;
+}
+
+@media only screen and (min-width: 1000px) {
     .huge {
         font-size: 500%;
     }
@@ -90,6 +127,11 @@ body {
         font-size: 60%;
     }
 
+    .half-width {
+        width: 70%;
+    }
+}
+
 .very-small {
     font-size: 30%;
     font-family: sans-serif;
@@ -103,7 +145,3 @@ body {
 .no-margin {
     margin: 0;
 }
-
-.half-width {
-    width: 50%;
-}