Fix formatting for mobile

assets/style.scss

@@ -122,16 +122,28 @@ body {
 }
 
 .one-half {
-  width: 75%;
+  width: 50%;
   max-width: 800px;
   flex-direction: column;
 }
 
+.one-fourth {
+  display: flex;
+  width: 25%;
+}
+
+@media (max-width: 1250px) {
   .one-fourth {
     display: flex;
     width: 10%;
   }
 
+  .one-half {
+    display: flex;
+    width: 80%;
+  }
+}
+
 @media (max-width: 800px) {
   .one-fourth {
     display: flex;
@@ -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 {