Show project name in header on narrow viewports

assets/scss/_k8s_nav.scss

@@ -11,16 +11,25 @@
   }
 
   .navbar-brand__name {
-    display: none;
+    color: white;
+
+    @include media-breakpoint-up(md) {
+      display: none;
+    }
   }
 
+
   .navbar-brand {
     @include media-breakpoint-down(sm) {
       margin-left: auto;
     }
 
     svg {
       height: 38px;
+
+      #its-pronounced path {
+        fill: white;
+      }
     }
   }
 
@@ -52,6 +61,10 @@
   background: white !important;
   box-shadow: 0 1px 2px $medium-grey;
 
+  .navbar-brand__name {
+    color: $dark-grey;
+  }
+
   .navbar-nav .nav-link, #hamburger {
     color: $dark-grey;
 
@@ -75,7 +88,7 @@
   }
 
   .navbar-brand__logo.navbar-logo svg #its-pronounced path {
-    fill: $primary;
+    fill: $dark-grey !important;
   }
 }