diff --git a/website/source/assets/stylesheets/_header.scss b/website/source/assets/stylesheets/_header.scss
index fa3f0754a6..551c20b852 100755
--- a/website/source/assets/stylesheets/_header.scss
+++ b/website/source/assets/stylesheets/_header.scss
@@ -79,3 +79,27 @@ body.page-sub{
         }
     }
 }
+
+@media (max-width: 414px) {
+  #header {
+    .navbar-brand {
+      .logo{
+        padding-left: 37px;
+        font-size: 18px;
+        @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width * .75, $project-logo-height * .75);
+        //background-position: 0 45%;
+      }
+    }
+  }
+}
+
+
+@media (max-width: 320px) {
+  #header {
+    .navbar-brand {
+      .logo{
+        font-size: 0 !important; //hide terraform text
+      }
+    }
+  }
+}
diff --git a/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-header.scss b/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-header.scss
index f8b5974fba..da89db584f 100755
--- a/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-header.scss
+++ b/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-header.scss
@@ -195,3 +195,33 @@
         @include transition( all 300ms ease-in );
     }
 }
+
+@media (max-width: 414px) {
+  #header {
+    .navbar-header{
+      .navbar-toggle{
+        padding-top: 13px;
+        height: $header-mobile-height;
+      }
+    }
+
+    .navbar-brand {
+      height: $header-mobile-height;
+
+      .logo{
+        height: $header-mobile-height;
+        line-height: $header-mobile-height;
+      }
+      .by{
+        height: $header-mobile-height;
+        line-height: $header-mobile-height;
+      }
+    }
+    .main-links,
+    .external-links {
+        li > a {
+            line-height: $header-mobile-height;
+        }
+    }
+  }
+}
diff --git a/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-utility.scss b/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-utility.scss
index 38943f97c1..c4105b112f 100755
--- a/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-utility.scss
+++ b/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-utility.scss
@@ -12,6 +12,7 @@ $header-font-family: $font-family-open-sans;
 $header-font-weight: 600; // semi-bold
 
 $header-height: 74px;
+$header-mobile-height: 60px;
 $by-hashicorp-width: 74px;
 $by-hashicorp-height: 16px;
 $nav-margin-right: 12px;