better title sizes on mobile

src/App.vue

@@ -112,7 +112,7 @@ h1{
   //text-shadow: 2px 2px 2px rgba(0,0,0,.1);
   color: var(--color-text);
   @media screen and (max-width: 750px) {
-    font-size: 4.75rem;
+    font-size: 4.0rem;
   }
 }
 h2{
@@ -136,7 +136,7 @@ h3{
   font-weight: 600;
   color: var(--color-text);
   @media screen and (max-width: 750px) {
-      font-size: 2.5rem;
+      font-size: 2.25rem;
   }  
 }
 h4{

src/components/VizTitle.vue

@@ -224,7 +224,7 @@ function debounce(func, wait) {
 #grid-container {
   display: grid;
   grid-template-rows: auto auto;
-  width: 100%;
+  width: 100s;
   margin: auto;
 }
 
@@ -262,7 +262,8 @@ function debounce(func, wait) {
   width: 100%;
   background: var(--color-background-header-footer);
   color: var(--color-text);
-  padding: 20px;
+  padding-bottom: 20px;
+  padding-top: 20px;
   box-sizing: border-box;
 }