minor typography changes

app/assets/stylesheets/app.scss

@@ -124,3 +124,7 @@ a, path, circle {
 }
 
 .anchor { padding-top: 90px; }
+
+h1, h2, h3, h4, h5, h6 {
+  line-height: 1.2 !important;
+}

app/assets/stylesheets/markdown.scss

@@ -25,35 +25,35 @@
   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: break-word;
-  hyphens: auto;
+  hyphens: none;
 
   h1, h2, h3, h4, h5, h6 {
     font-family: $body-font-family;
     font-weight: 600;
   }
 
   h1 {
-    margin: 2rem 0 1rem;
+    margin: 2.5rem 0 .3rem;
     font-size: 160%
   }
   h2 {
-    margin: 2rem 0 1rem;
+    margin: 2.5rem 0 .3rem;
     font-size: 140%;
   }
   h3 {
-    margin: 1.5rem 0 0.75rem;
+    margin: 2rem 0 0.3rem;
     font-size: 120%;
   }
   h4 {
-    margin: 1rem 0 0.5rem;
+    margin: 1.5rem 0 0.2rem;
     font-size: 110%;
   }
   h5 {
-    margin: 1rem 0 0.5rem;
+    margin: 1rem 0 0.2rem;
     font-size: 100%;
   }
   h6 {
-    margin: 1rem 0 0.5rem;
+    margin: 1rem 0 0.2rem;
     font-size: 90%;
   }
 
@@ -70,10 +70,6 @@
     display: block;
   }
 
-  p {
-    margin: 0.5rem 0 1rem 0;
-  }
-
   strong {
     font-weight: 600;
   }
@@ -89,6 +85,7 @@
   p {
     font-size: 100%;
     line-height: 150%;
+    margin: 0 0 1.5rem 0;
   }
 
   img {

app/components/cards/PostFull.scss

@@ -37,9 +37,11 @@
 }
 
 .PostFull__header {
+  max-width: 40rem;
   > h1 {
     overflow: hidden;
-    font: 700 200% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
+    font: 700 200% "Source Sans Pro", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
+    line-height: 1.1;
     .Icon {
       margin: 0 0 0 0.5rem;
       vertical-align: -30%;
@@ -64,6 +66,7 @@
 .PostFull__body {
   padding: 1rem 0 2rem 0;
   clear: left;
+  max-width: 40rem;
   a {
     color: #4078C0;
   }