diff --git a/packages/telescope-theme-hubble/lib/client/sass/modules/_nav.scss b/packages/telescope-theme-hubble/lib/client/sass/modules/_nav.scss
index c08c76e11..7746932cd 100644
--- a/packages/telescope-theme-hubble/lib/client/sass/modules/_nav.scss
+++ b/packages/telescope-theme-hubble/lib/client/sass/modules/_nav.scss
@@ -31,7 +31,12 @@
 		text-align:center;
 		width:100%;
 		color:white;
-		font-size:24px;
+		@include small{
+			font-size: 18px;
+		}
+		@include medium-large{
+			font-size:24px;
+		}
 		left: 0px;
 		right: 0px;
 		a, a:visited{
diff --git a/packages/telescope-theme-hubble/lib/client/stylesheets/screen.css b/packages/telescope-theme-hubble/lib/client/stylesheets/screen.css
index 22af4e8c3..56c30563e 100644
--- a/packages/telescope-theme-hubble/lib/client/stylesheets/screen.css
+++ b/packages/telescope-theme-hubble/lib/client/stylesheets/screen.css
@@ -555,17 +555,24 @@ body.pageslide-open {
     text-align: center;
     width: 100%;
     color: white;
-    font-size: 24px;
     left: 0px;
     right: 0px; }
-    /* line 37, ../sass/modules/_nav.scss */
+    @media screen and (max-width: 30em) {
+      /* line 27, ../sass/modules/_nav.scss */
+      .header .logo {
+        font-size: 18px; } }
+    @media screen and (min-width: 30em) {
+      /* line 27, ../sass/modules/_nav.scss */
+      .header .logo {
+        font-size: 24px; } }
+    /* line 42, ../sass/modules/_nav.scss */
     .header .logo a, .header .logo a:visited {
       color: white; }
-    /* line 40, ../sass/modules/_nav.scss */
+    /* line 45, ../sass/modules/_nav.scss */
     .header .logo.image {
       position: absolute;
       left: 50%; }
-      /* line 43, ../sass/modules/_nav.scss */
+      /* line 48, ../sass/modules/_nav.scss */
       .header .logo.image a {
         display: block;
         height: 100%;
@@ -574,32 +581,32 @@ body.pageslide-open {
         font: 0/0 a;
         text-shadow: none;
         color: transparent; }
-  /* line 54, ../sass/modules/_nav.scss */
+  /* line 59, ../sass/modules/_nav.scss */
   .header .user-nav {
     z-index: 20;
     position: relative;
     float: right; }
 
-/* line 75, ../sass/modules/_nav.scss */
+/* line 80, ../sass/modules/_nav.scss */
 .auth-buttons {
   z-index: 20;
   float: right;
   margin-right: 10px; }
-  /* line 80, ../sass/modules/_nav.scss */
+  /* line 85, ../sass/modules/_nav.scss */
   .auth-buttons #login-buttons {
     position: relative;
     line-height: 26px; }
-    /* line 86, ../sass/modules/_nav.scss */
+    /* line 91, ../sass/modules/_nav.scss */
     .auth-buttons #login-buttons .account-link {
       display: block;
       color: white !important;
       margin-bottom: 10px;
       float: none; }
-    /* line 92, ../sass/modules/_nav.scss */
+    /* line 97, ../sass/modules/_nav.scss */
     .auth-buttons #login-buttons a {
       text-decoration: none;
       color: #4a4444; }
-    /* line 96, ../sass/modules/_nav.scss */
+    /* line 101, ../sass/modules/_nav.scss */
     .auth-buttons #login-buttons a.login-link-text {
       color: #fff;
       font-weight: normal;
@@ -607,7 +614,7 @@ body.pageslide-open {
       font-size: 15px;
       padding: 0px 8px;
       border-radius: 3px; }
-    /* line 104, ../sass/modules/_nav.scss */
+    /* line 109, ../sass/modules/_nav.scss */
     .auth-buttons #login-buttons #login-buttons-password {
       float: none !important;
       text-shadow: none;
@@ -615,18 +622,18 @@ body.pageslide-open {
       line-height: 1.5;
       height: 26px;
       margin: 10px 0 !important; }
-    /* line 113, ../sass/modules/_nav.scss */
+    /* line 118, ../sass/modules/_nav.scss */
     .auth-buttons #login-buttons .login-header {
       font-family: inherit;
       height: 26px;
       margin-right: 10px;
       cursor: pointer;
       color: white; }
-      /* line 119, ../sass/modules/_nav.scss */
+      /* line 124, ../sass/modules/_nav.scss */
       .auth-buttons #login-buttons .login-header:before {
         color: rgba(255, 255, 255, 0.5);
         content: "Welcome, "; }
-    /* line 124, ../sass/modules/_nav.scss */
+    /* line 129, ../sass/modules/_nav.scss */
     .auth-buttons #login-buttons #login-buttons-logout {
       color: white;
       border: none;
@@ -636,7 +643,7 @@ body.pageslide-open {
       height: 26px;
       text-shadow: none; }
 
-/* line 136, ../sass/modules/_nav.scss */
+/* line 141, ../sass/modules/_nav.scss */
 .nav {
   /* For modern browsers */
   /* For IE 6/7 (trigger hasLayout) */
@@ -648,7 +655,7 @@ body.pageslide-open {
   /* line 7, ../sass/partials/_mixins.scss */
   .nav:after {
     clear: both; }
-  /* line 139, ../sass/modules/_nav.scss */
+  /* line 144, ../sass/modules/_nav.scss */
   .nav > li {
     list-style-image: none;
     list-style-type: none;
@@ -667,25 +674,25 @@ body.pageslide-open {
     /* line 52, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/typography/lists/_horizontal-list.scss */
     .nav > li.last {
       padding-right: 0; }
-    /* line 142, ../sass/modules/_nav.scss */
+    /* line 147, ../sass/modules/_nav.scss */
     .nav > li:last-child {
       margin-right: 0px; }
-    /* line 145, ../sass/modules/_nav.scss */
+    /* line 150, ../sass/modules/_nav.scss */
     .nav > li > a, .nav > li > div > a {
       color: white;
       font-size: 15px;
       font-weight: normal; }
-      /* line 151, ../sass/modules/_nav.scss */
+      /* line 156, ../sass/modules/_nav.scss */
       .nav > li > a.intercom em:before, .nav > li > div > a.intercom em:before {
         content: '('; }
-      /* line 154, ../sass/modules/_nav.scss */
+      /* line 159, ../sass/modules/_nav.scss */
       .nav > li > a.intercom em:after, .nav > li > div > a.intercom em:after {
         content: ')'; }
 
-/* line 161, ../sass/modules/_nav.scss */
+/* line 166, ../sass/modules/_nav.scss */
 .search {
   position: relative; }
-  /* line 163, ../sass/modules/_nav.scss */
+  /* line 168, ../sass/modules/_nav.scss */
   .search .search-field {
     font-size: 14px;
     padding: 4px 12px;
@@ -696,21 +703,21 @@ body.pageslide-open {
     -webkit-transition: 0.2s all;
     -moz-transition: 0.2s all;
     background: white; }
-    /* line 173, ../sass/modules/_nav.scss */
+    /* line 178, ../sass/modules/_nav.scss */
     .search .search-field:focus {
       outline: none; }
-  /* line 178, ../sass/modules/_nav.scss */
+  /* line 183, ../sass/modules/_nav.scss */
   .search.empty .search-field {
     background: rgba(255, 255, 255, 0.1); }
-    /* line 180, ../sass/modules/_nav.scss */
+    /* line 185, ../sass/modules/_nav.scss */
     .search.empty .search-field:focus {
       background: white; }
-  /* line 184, ../sass/modules/_nav.scss */
+  /* line 189, ../sass/modules/_nav.scss */
   .search.empty .search-clear {
     display: none; }
 
 @media screen and (max-width: 30em) {
-  /* line 190, ../sass/modules/_nav.scss */
+  /* line 195, ../sass/modules/_nav.scss */
   .desktop-nav {
     display: none; } }