PepperPig

src/sass/_nav2.sass

@@ -3,7 +3,6 @@ $content-width: 1000px
 $breakpoint: 799px
 $nav-height: 70px
 $nav-background: hsl(0,0%,100%,0.5)
-$nav-font-color:  darkgreen 
 $link-hover-color: Lightgrey 
 $nav-background2: url("../inc/bg/christmas-banner-6739203.jpg") 0 86% no-repeat
 
@@ -24,23 +23,24 @@ $nav-background2: url("../inc/bg/christmas-banner-6739203.jpg") 0 86% no-repeat
   background: $nav-background2
   border-radius: 0 0 2rem 2rem
   background-size: 100%
-  border-bottom: 4px ridge darkgreen
+  border-bottom: 4px ridge $siteColor
   background-size: 100%
 
 // Logo and branding
-.brand 
+.brand
+  text-align: left
   position: absolute
   padding-left: 20px
   float: left
-  line-height: $nav-height
-  text-transform: uppercase
-  font-size: 1.4em
+  /*line-height: $nav-height
+  /*text-transform: uppercase
+  font-size: 1.2em
   font-weight: bold
   text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff
-  margin-top: -0.5rem 
+  margin: 0.9rem 0 0 3rem 
   a,
   a:visited 
-    color: darkred 
+    color: $headerFontColor
     text-decoration: none
 
 
@@ -76,12 +76,12 @@ nav
         display: block
         padding: 0.5rem 0.5rem
         //line-height: $nav-height
-        color: $nav-font-color
+        color: $headerFontColor
         text-decoration: none
         
         &:hover, &:active, &.active
           //background: $link-hover-color
-          color: red
+          color: $siteColor
           //transform: scale(1.1)
     
         &:not(:only-child):after
@@ -122,7 +122,7 @@ nav
 @media only screen and (max-width: 798px) 
   // Hamburger nav visible on mobile only
   .brand
-    margin: auto 0
+    margin: 0.9rem 0 0 1rem
   .nav-mobile 
     display: block
   
@@ -134,7 +134,7 @@ nav
     background: none 
     ul 
       display: none
-      border: 4px ridge darkgreen
+      border: 4px ridge $siteColor
       border-radius: 2rem
       
       li