diff --git a/website/source/assets/stylesheets/_header.scss b/website/source/assets/stylesheets/_header.scss
index 2021f69b0..ec0cbf213 100644
--- a/website/source/assets/stylesheets/_header.scss
+++ b/website/source/assets/stylesheets/_header.scss
@@ -16,10 +16,10 @@
       height: $header-height;
       padding: 0;
       line-height: $header-height;
-      background-position: 0 center;
       font-size: 0;
       text-transform: uppercase;
       background: image-url("logo-header.svg") center no-repeat;
+      background-size: 100%;
 
       &:hover{
         opacity: .4;
@@ -44,23 +44,27 @@
   }
 }
 
+@media (min-width: 769px) and (max-width: 805px) {
+  #header {
+    .main-links,
+    .external-links {
+      li > a {
+        font-size: 12px;
+      }
+    }
+  }
+}
+
 @media (max-width: 414px) {
   #header {
     .navbar-brand {
       .logo{
         width: $project-logo-width * .75;
-        @include img-retina("logo-header.png", "logo-header@2x.png", $project-logo-width * .75, $project-logo-height * .75);
-      }
-    }
-  }
-}
-
-
-@media (max-width: 320px) {
-  #header {
-    .navbar-brand {
-      .logo{
-
+        height: $header-mobile-height;
+      }
+
+      .by-hashicorp {
+        margin-top: 2px;
       }
     }
   }