navbar looks right and hamburger works

public/css/lib/bootstrap/navbar.less

@@ -214,6 +214,7 @@
     width: 22px;
     height: 2px;
     border-radius: 1px;
+    background-color: #eeeeee !important;
   }
   .icon-bar + .icon-bar {
     margin-top: 4px;

public/css/lib/bootstrap/variables.less

@@ -359,10 +359,10 @@
 @navbar-default-border:            darken(@navbar-default-bg, 6.5%);
 
 // Navbar links
-@navbar-default-link-color:                #777;
+@navbar-default-link-color:                #eee;
-@navbar-default-link-hover-color:          #333;
+@navbar-default-link-hover-color:          #4a2b0f;
-@navbar-default-link-hover-bg:             transparent;
+@navbar-default-link-hover-bg:             #eee;
-@navbar-default-link-active-color:         #555;
+@navbar-default-link-active-color:         #eee;
 @navbar-default-link-active-bg:            darken(@navbar-default-bg, 6.5%);
 @navbar-default-link-disabled-color:       #ccc;
 @navbar-default-link-disabled-bg:          transparent;

public/css/main.less

@@ -360,3 +360,6 @@ thead {
   font-size: 20px;
   margin-top: -5px;
 }
+.navbar-toggle {
+  color: #eee;
+}

views/partials/navbar.jade

@@ -1,10 +1,18 @@
-nav.navbar.navbar-fixed-top
+nav.navbar.navbar-default.navbar-fixed-top.nav-height
   .container
     .navbar-header
+      if user
+        button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
+          span.sr-only Toggle navigation
+          span.icon-bar
+          span.icon-bar
+          span.icon-bar
       a.navbar-brand(href='/')
         img.img-responsive.nav-logo(src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg')
-      #navbar
+    .collapse.navbar-collapse
-        ul.nav.navbar-nav.navbar-right.visible-md.visible-lg
+      ul.nav.navbar-nav.navbar-right
+        if !user
+          a.btn.btn-primary.btn-nav.btn-sm(href='/login') Sign in
         li
           a(href='/') Challenges
         - if (cc && cc[1] < 1)