Merge pull request #2050 from hypothesis/welcome-page-tweaks

Refresh welcome page

h/static/styles/app.scss

@@ -152,19 +152,12 @@ ol {
   .masthead-heading {
     margin: 0;
     padding-top: 4px;
-  }
-
-  .masthead-subheading {
-    font-size: 1.231em;
-    margin: 0;
-  }
-
-  img {
-    float: left;
-    opacity: .7;
+    font-size: 1.1em;
+    font-weight: 400;
+    color: $gray;
 
     &:hover {
-      opacity: 1;
+      color: $gray-dark;
     }
   }
 }
@@ -181,7 +174,7 @@ ol {
   }
 
   .masthead-heading {
-    font-size: 20px;
+    font-size: 1.1em;
     line-height: 1em;
   }
 

h/static/styles/help-page.scss

@@ -4,6 +4,7 @@
   padding-top: 2.5em;
   padding-bottom: 2.5em;
   background: $body-background;
+  font-family: 'Lato', sans-serif !important;
 
   @include breakpoint(920px) {
     padding-right: 460px;
@@ -32,7 +33,8 @@
 .help-page-heading {
   color: $gray-darker;
   margin-bottom: 1em;
-  font-size: 1.5em;
+  font-weight: 400;
+  font-size: 1.1em;
 }
 
 .help-page-lede {
@@ -130,7 +132,8 @@
 
 .feature-heading {
   color: $gray-darker;
-  font-size: 1.125em;
+  font-size: 1em;
+  font-weight: 400;
   margin-bottom: .555em;
 }
 
@@ -156,3 +159,13 @@
     font-size: 12px;
   }
 }
+
+/*
+  Mobile layout
+*/
+
+@media screen and (max-width: 30em) {
+  .help-page-sidebar {
+    display: none;
+  }
+}