feat(style): reduce header size on small screens

sass/_base.scss

@@ -17,11 +17,6 @@ $menu_btn-size: 10px;
 html {
   background-color: $page-color;
 }
-@media only screen and (min-width: $page-width){
-  html {
-    padding:10px;
-  }
-}
 @font-face {
   font-family: "Fira Sans Light";
   font-style: normal;
@@ -61,6 +56,19 @@ header {
     color: $header-fg;
     text-shadow: black 0px 0px 0.1em;
   }
+  h1 {
+    font-size: 20pt;
+  }
+}
+@media only screen and (min-width: $page-width){
+  html {
+    padding:10px;
+  }
+  header {
+    h1 {
+      font-size: 32pt;
+    }
+  }
 }
 #header-logo {
   background: url('img/logo.png') top;