Increase fontsize on mobile. Explicitly use Garamond

pub/style/style.css

@@ -51,7 +51,7 @@ body {
   flex-wrap: wrap; 
   /* font-family: 'Source Serif Pro'; */
   /* font-family: 'Times New Roman'; */
-  font-family: 'serif';
+  font-family: "Garamond", 'serif';
   /* font-family: 'charter'; */
   font-size: 25px;
   background-color: #fcfcfc;
@@ -70,7 +70,7 @@ header {
 }
 
 header h1 {
-  margin: 0.7em 0 1.2em 0.7em;
+  margin: 1em 0 1em 0.7em;
   color:#333;
 }
 
@@ -383,6 +383,7 @@ img + em {
 @media screen and (max-width: 1500px) {
   body {
     display: block;
+    font-size: 40px;
   }
   .hidden-mobile {
     display: none;