Fix styles of the home/help/auth pages

We now use the styled text module here and overwrite it to work with
larger copy.

h/static/styles/app.scss

@@ -45,13 +45,15 @@ ol {
 }
 
 .content {
-  margin: 0 auto;
+  margin-left: auto;
+  margin-right: auto;
   text-align: left;
 
   @include respond-to(tablets desktops) {
     margin: auto;
     max-width: $break-medium;
-    padding: 0 4em;
+    padding-left: 4em;
+    padding-right: 4em;
   }
 
   & > header {
@@ -65,7 +67,7 @@ ol {
       img { float: left; }
     }
 
-    margin-bottom: 2em;
+    margin-bottom: 1em;
 
     hgroup h1 {
       margin-bottom: 0 !important;
@@ -148,3 +150,15 @@ ol {
     display: inline;
   }
 }
+
+.masthead {
+  .masthead-heading {
+    margin: 0;
+    padding-top: 4px;
+  }
+
+  .masthead-subheading {
+    font-size: 1.231em;
+    margin: 0;
+  }
+}

h/static/styles/common.scss

@@ -17,7 +17,7 @@ $headings-color: $text-color;
 @import 'styled-text';
 @import 'simple-search';
 @import 'tags-input';
-
+@import 'page';
 
 //ELEMENT STYLES////////////////////////////////
 a {

h/static/styles/page.scss

+// Styles for full pages
+
+.page {
+  li, p {
+    line-height: 1.5;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-weight: normal;
+  }
+
+  h1 {
+    font-size: 1.991em;
+    margin: .618em 0 .309em;
+  }
+
+  h2 {
+    font-size: 1.618em;
+    margin: .7606em 0 .3803em;
+  }
+
+  h3 {
+    font-size: 1.231em;
+    margin: .9888em 0 .4944em;
+  }
+}