Refine masthead

assets/_scss/_masthead.scss

@@ -3,42 +3,33 @@
    ========================================================================== */
 
 .masthead {
-  @include container;
-  @include clearfix;
-  padding: 2em 2em 1em;
-  font-family: $sans-serif-narrow;
-  font-weight: 700;
-  text-transform: uppercase;
+  border-bottom: 1px solid $border-color;
 
-  @include breakpoint($large) {
-    padding-left: 1em;
-    padding-right: 1em;
+  &__inner-wrap {
+    @include container;
+    @include clearfix;
+    padding: 2em 2em 1em;
+    font-family: $sans-serif-narrow;
+    font-weight: 700;
+    text-transform: uppercase;
+
+    @include breakpoint($large) {
+      padding-left: 1em;
+      padding-right: 1em;
+    }
+
+    @include breakpoint($x-large) {
+      max-width: $x-large;
+    }
+
+    nav {
+      z-index: 10;
+    }
+
+    a {
+      text-decoration: none;
+    }
   }
-
-  @include breakpoint($x-large) {
-    max-width: $x-large;
-  }
-
-  nav {
-    z-index: 10;
-  }
-
-  a {
-    text-decoration: none;
-  }
-}
-
-/* Site name */
-.site-name {
-  @include breakpoint($large) {
-    @include prefix(2 of 12);
-  }
-
-  @include breakpoint($x-large) {
-    @include prefix(2.5 of 12);
-  }
-
-  font-size: $type-size-5;
 }
 
 .masthead__menu {
@@ -63,4 +54,8 @@
   list-style-type: none;
   font-size: $type-size-6;
   white-space: nowrap;
+
+  &--lg {
+    font-size: $type-size-5;
+  }
 }