Fix formatting for mobile

assets/style.scss

@@ -122,14 +122,26 @@ body {
 }
 
 .one-half {
-  width: 75%;
+  width: 50%;
   max-width: 800px;
   flex-direction: column;
 }
 
 .one-fourth {
   display: flex;
-  width: 10%;
+  width: 25%;
+}
+
+@media (max-width: 1250px) {
+  .one-fourth {
+    display: flex;
+    width: 10%;
+  }
+
+  .one-half {
+    display: flex;
+    width: 80%;
+  }
 }
 
 @media (max-width: 800px) {
@@ -142,6 +154,22 @@ body {
     display: flex;
     width: 100%;
   }
+
+  body {
+    font-size: 16px;
+  }
+}
+
+@media (max-width: 800px) {
+  body {
+    font-size: 15px;
+  }
+}
+
+@media (max-width: 540px) {
+  body {
+    font-size: 14px;
+  }
 }
 
 h1, h2, h3, h4, h5, h6 {