Fix up miscellaneous things and remove some deps

_sass/modules/_base.scss

@@ -61,12 +61,6 @@ li {
   }
 }
 
-/** Headings */
-
-h1, h2, h3, h4, h5, h6 {
-  font-weight: bold;
-}
-
 /** Links */
 a {
     color: $color-blue-5;
@@ -80,19 +74,22 @@ a {
     }
 }
 
+/** Headings */
+
 h1 {
   font-size: 2em;
+  font-weight: 300;
 }
 
 h2 {
   font-size: 1.5em;
-  text-decoration: underline;
+  font-weight: 300;
   margin-top: $spacing-unit;
 }
 
 h3 {
+  margin-top: $spacing-unit;
   font-size: 1em;
-  text-decoration: underline;
 }
 
 h4 {
@@ -112,6 +109,7 @@ blockquote {
 }
 
 pre, code {
+  font-family: Menlo, Monaco, monospace;
   font-size: 15px;
   border-radius: 3px;
   background-color: lighten($color-blue-1, 0.9);

_sass/modules/_buttons.scss

@@ -1,5 +1,6 @@
 .btn {
   color: $color-white;
+  fill: currentColor;
   display: flex;
   background: $color-blue-5;
   align-items: center;
@@ -28,6 +29,14 @@
       margin-bottom: 0;
     }
   }
+
+  svg {
+    margin-right: $spacing-unit / 4;
+    width: $base-font-size * 1.5;
+    height: $base-font-size * 1.5;
+    vertical-align: middle;
+  }
+
 }
 
 .btn:visited {
@@ -49,12 +58,6 @@
   }
 }
 
-.icon {
-  vertical-align: middle;
-  margin-right: $spacing-unit / 4;
-}
-
-
 /*============================================================================
   Menu button
  ==============================================================================*/
@@ -69,4 +72,12 @@
   @include tablet-and-up {
     display: none;
   }
+
+  svg {
+    margin-right: $spacing-unit / 4;
+    width: $base-font-size * 1.2;
+    height: $base-font-size * 1.2;
+    vertical-align: middle;
+  }
+
 }

_sass/modules/_home-banner.scss

@@ -2,14 +2,23 @@
   text-align: center;
   border-bottom: 1px solid lighten($color-slate, 50%);
   padding-bottom: $spacing-unit;
+  margin-bottom: $spacing-unit;
 
   h1 {
-    font-weight: bold;
+    // font-weight: bold;
     font-size: 4em;
 
+    &:after {
+      content: '💧';
+      vertical-align: middle;
+    }
+
     @include phone-and-up {
       font-size: 5em;
     }
   }
-}
 
+  p {
+    color: lighten($color-slate, 20%);
+  }
+}

_sass/modules/_layout.scss

@@ -70,13 +70,18 @@ body {
 
 .sidebar__logo {
   font-size: $base-font-size * 2;
-  font-weight: bold;
+  font-weight: 300;
   text-align: center;
   height: $logo-height;
   line-height: $logo-height;
   margin-bottom: 0;
   border-bottom: 1px solid $color-blue-4;
 
+  &:after {
+    content: '💧';
+    vertical-align: middle;
+  }
+
   a {
     color: $color-white;
     text-decoration: none;
@@ -119,10 +124,10 @@ body {
 }
 
 .section__header {
-  font-weight: bold;
   font-size: 1em;
   text-decoration: none;
   color: $color-white;
+  margin-top: 0;
   margin-bottom: $spacing-unit / 4;
 }
 

_sass/partials/_defaults.scss

@@ -1,6 +1,5 @@
-$base-font-family: 'Droid Sans', sans-serif;
+$base-font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
 $base-font-size:   18px;
 $small-font-size:  $base-font-size * 0.875;
 $base-line-height: 1.5;
 $spacing-unit:     40px;
-