diff --git a/components/SiteMenu.vue b/components/SiteMenu.vue
index 0974015..cb4c944 100644
--- a/components/SiteMenu.vue
+++ b/components/SiteMenu.vue
@@ -28,8 +28,7 @@
           </li>
         </ul>
         <ul class="site-nav__footer social-nav">
-          <li class="social-nav__item"
-              v-for="item in socialNav"
+          <li v-for="item in socialNav"
               :key="item.to"
           >
             <a class="social-nav__link"
@@ -186,18 +185,17 @@ $transition-timing: .5s;
   }
 
 .menu-header {
-  $color-bg: $color__primary-300;
-  $color-shade: darken($color__primary-300, 5);
+  $color-bg: $color__neutral-300;
+  $color-shade: darken($color__neutral-300, 5);
+  // $color-shade: $color__neutral-200;
 
   position: relative;
   flex: 0 0 $site-menu__header-height;
 
-  color: $color__primary-100;
+  color: $color__primary-900;
   background-color: $color-bg;
   background: linear-gradient(
     to right,
-    $color-shade,
-    $color-bg,
     $color-bg,
     $color-shade
   );
@@ -251,7 +249,7 @@ $transition-timing: .5s;
 
 
 .site-title {
-  font-size: 1.2rem;
+  font-size: 0.9rem;
   text-transform: uppercase;
   line-height: 1.1;
   opacity: .8;
@@ -259,7 +257,7 @@ $transition-timing: .5s;
   @include font-title($weight: 400);
 
   @media (min-width: $bp__layout) {
-    font-size: 1.4rem;
+    font-size: 1.0rem;
     letter-spacing: 1.3px;
   }
 }
@@ -368,9 +366,6 @@ $transition-timing: .5s;
   }
 }
 
-  .social-nav__item {
-  }
-
   .social-nav__link {
     display: block;
     height: 2em;
@@ -419,7 +414,7 @@ $transition-timing: .5s;
 }
 
 .menu-bars {
-  $color: $color__primary-800;
+  $color: $color__neutral-900;
   $width: 4px;
   $padding: 4px; // padding on top/bottom