fix navbar background on mobile

Author: tyrasd

_includes/css/sotm.css

@@ -103,12 +103,6 @@ div.affix {
 }
 
 
-@media(max-width:767px) {
-    .navbar, .navbar a, .navbar a:hover {
-        color: {{ site.color.links }};
-    }
-}
-
 nav a, .nav a {
     text-decoration: none;
     font-weight: 500;
@@ -148,6 +142,12 @@ footer a:focus,
     font-weight: 500;
 }
 
+@media(max-width:766px) {
+  .navbar-custom {
+      background-color: {{ site.color.primary-light }};
+  }
+}
+
 .navbar-custom .navbar-brand {
     font-weight: normal;
 }