new layout

_sass/_elements.scss

@@ -79,6 +79,12 @@ a:hover {
   -moz-box-shadow: 0px 0px 0px -3px var(--border-alt);
   box-shadow: 0px 0px 0px -3px var(--border-alt);
 }
+@media only screen and (max-width: 480px) {
+  .button {
+    font-size: 0.75em;
+    padding: 0.75em;
+  }
+}
 
 .normal-section {
   display:flex; 

_sass/_layout.scss

@@ -156,6 +156,15 @@ body {
       .splash-logo {
         padding: 20px 0;
       }
+
+    }
+    @media only screen and (max-width: 480px) {
+      .description {
+        h1 {
+          font-size: 1.1em
+        }
+      }
+
     }
   
   }