add menu text to the hamburger menu on mobile

public/css/main.less

@@ -247,7 +247,7 @@ ul {
 .nav-logo {
   height: 40px;
   margin-top: -10px;
-  @media (max-width: 365px) {
+  @media (max-width: 381px) {
     height: 30px;
     margin-top: -5px;
   }
@@ -710,7 +710,6 @@ iframe.iphone {
 }
 
 .btn-primary-ghost{
-
   background: transparent;
   color: @brand-primary;
 
@@ -723,6 +722,23 @@ iframe.iphone {
 
 }
 
+.hamburger {
+  width: 80px;
+  padding-left: 0px;
+  padding-right: 0px;
+  margin-left: 0px;
+  margin-right: 2px;
+  text-align:left;
+  font-size: 10px;
+}
+
+.hamburger-text {
+  line-height: 0.75em;
+  margin-top: 10px;
+  font-size: 16px;
+  margin-left: -5px;
+}
+
 //uncomment this to see the dimensions of all elements outlined in red
 //* {
 //  border-color: red;

views/partials/navbar.jade

@@ -1,5 +1,8 @@
 .navbar-header
-    button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
+    button.hamburger.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
+        .col-xs-6
+            span.hamburger-text Menu
+        .col-xs-6
             span.sr-only Toggle navigation
             span.icon-bar
             span.icon-bar