Docs typographic tweaks

website/source/assets/stylesheets/_docs.scss

@@ -8,6 +8,11 @@ body.layout-intro{
 
   #main-content{
     min-height: 600px;
+
+    h1, h2, h3, h4, h5 {
+      font-family: $font-family-open-sans;
+      text-transform: none;
+    }
   }
 
   >.container{
@@ -128,9 +133,8 @@ body.layout-intro{
     }
 
     > a {
-      text-transform: uppercase;
       font-family: $font-family-open-sans;
-      font-weight: $font-weight-sb;
+      font-weight: 600;
       -webkit-font-smoothing: antialiased;
     }
   }
@@ -143,8 +147,9 @@ body.layout-intro{
       margin-left: 20px;
 
       > a{
-        -webkit-font-smoothing: antialiased;
         padding: 6px 15px;
+        font-weight: 500;
+        -webkit-font-smoothing: antialiased;
       }
 
       .subnav {
@@ -186,8 +191,8 @@ body.layout-intro{
   }
 
   p, li, .alert {
-    font-size: 20px;
-    font-weight: $font-weight-open;
+    font-size: 18px;
+    font-weight: 400;
     line-height: 1.5em;
     margin: 0 0 18px;
     -webkit-font-smoothing: antialiased;
@@ -231,6 +236,7 @@ body.layout-intro{
   }
 
   h2, h3, h4{
+    margin-top: 42px;
     margin-bottom: 16px;
   }