1 files changed, 41 insertions, 38 deletions
diff --git a/design/sass/_header.scss b/design/sass/_header.scss
index 431897e..c5d9ed1 100644
--- a/design/sass/_header.scss
+++ b/design/sass/_header.scss
@@ -1,31 +1,8 @@
-.header-wrapper { 
-}
-
-#logo {
-    a {
-        @include fontsize(32);
-        line-height: 1;
-        text-decoration: none;
-        display: block;
-        font-weight: 300;
-        font-family: 'carrois_gothicregular', Helvetica, sans-serif;
-        color: $body_font_color;
-    }
-    .tagline {
-        display: block;
-        @include fancy_sans;
-        @include smcaps;
-        @include fontsize(12);
-        font-style: normal;
-        margin-left: 2px;
-    }
-}
 .site-banner {
     @extend %clearfix;
     margin: 0 auto;
     @include constrain_wide;
-    @include smcaps;
-    nav {
+    .nav-menu {
         border-top: 1px #444444 dotted;
         border-bottom: 1px #444444 dotted;
         //box-shadow: 0 3px 8px 0 #e6e6e6
@@ -35,22 +12,18 @@
         margin-left: -20px;
         margin-top: 1em;
         padding: 0.25em 0.5em;
-        a {
+        a { 
+            @include fontsize(15);
             text-decoration: none;
-            color: #505050;
-            &:visited {
-                color: #505050
-            }
+            font-weight: bold;
+            color: lighten($body_font_color, 30);
         }
         ul {
-            @include smcaps;
-            @include fancy_sans;
-            @include fontsize(15);
             max-width: 100%;
-            font-weight: 600;
             margin-top: 0.5em;
             margin-bottom: 0.5em !important;
             padding: 0;
+            text-align: center;
             @include constrain(85%);
         }
         li {
@@ -68,8 +41,6 @@
                 }
             }
         }
-        @include breakpoint(beta) {
-        }
     }
     @include breakpoint(beta) {
         height: 90px;
@@ -101,22 +72,22 @@
                 margin-top: -30px;
             }
         }
-        nav {
+        .nav-menu {
             float: right;
             border: none;
             margin: 22px 0 0 0;
             padding: 0;
             ul {
                 max-width: 50em;
+                text-align: left; 
             }
         }
     }
 }
-
 .header-wrapper {
     @extend %clearfix;
     @include breakpoint(beta) {
-        border-bottom: 1px #f3efef solid;
+        border-bottom: 1px darken(#fff, 10) solid;
         position: relative;
     }
     @include breakpoint(gamma) {
@@ -133,3 +104,35 @@
         max-width: $max_width;
     }
 }
+#logo {
+    a {
+        @include fontsize(34);
+        line-height: 1;
+        text-decoration: none;
+        display: block;
+        font-weight: 300;
+        font-family: 'carrois_gothicregular', Helvetica, sans-serif;
+        text-transform: uppercase;
+        color: $body_font_color;
+        text-align: center;
+        margin-top: 1.3rem;
+        @include breakpoint(beta) {
+            text-align: left;
+            @include fontsize(32);
+        }
+    }
+    .tagline {
+        display: block;
+        text-transform: uppercase;
+        letter-spacing: 1px;
+        @include fancy_sans;
+        @include fontsize(13);
+        font-style: normal;
+        margin-left: 2px;
+        text-align: center;
+        @include breakpoint(beta) {
+            text-align: left;
+            @include fontsize(12);
+        }
+    }
+}