misc style updates

static/style.css

@@ -1,4 +1,11 @@
 /* ### TYPOGRAPHY ### */
+@font-face {
+    font-family: 'Tajawal';
+    font-style: normal;
+    font-weight: 400;
+    src: url(/Tajawal-Regular.woff2) format('woff2');
+}
+
 html {
     font-family: 'Tajawal', sans-serif;
     font-size: 20px;
@@ -16,20 +23,13 @@ h1, h2, h3, h4, h5, h6 {
     color: #464646;
 }
 
-h1, h2 {
-    margin-bottom: 0.75rem;
-}
-
-h3, h4 {
-    margin-bottom:  0.5rem;
-}
-
-h5, h6 {
-    margin-bottom:  0;
-}
-
 h1 {
     font-variant:  petite-caps;
+    margin-top: 0.75rem;
+}
+
+h1, h2 {
+    margin-bottom: 0.75rem;
 }
 
 h3 {
@@ -40,8 +40,13 @@ h4 {
     font-size: 1.1rem;
 }
 
+h3, h4 {
+    margin-bottom:  0.5rem;
+}
+
 h5, h6 {
     font-size: 1rem;
+    margin-bottom:  0;
 }
 
 p {