diff --git a/website/source/assets/images/logo-header.png b/website/source/assets/images/logo-header.png
index 7054f3dbbf..76f5eae3af 100644
Binary files a/website/source/assets/images/logo-header.png and b/website/source/assets/images/logo-header.png differ
diff --git a/website/source/assets/images/logo-header@2x.png b/website/source/assets/images/logo-header@2x.png
index 417086a932..1fc0bf2e3c 100644
Binary files a/website/source/assets/images/logo-header@2x.png and b/website/source/assets/images/logo-header@2x.png differ
diff --git a/website/source/assets/stylesheets/_header.scss b/website/source/assets/stylesheets/_header.scss
index d046a704c8..6aa55b2d85 100755
--- a/website/source/assets/stylesheets/_header.scss
+++ b/website/source/assets/stylesheets/_header.scss
@@ -13,12 +13,12 @@ body.page-sub{
 #header {
   .navbar-brand {
     .logo{
-      font-size: 20px;
-      text-transform: uppercase;
-      @include lato-light();
+      font-size: 32px;
+      font-family: "Klavika-web";
+      font-weight: 500;
       background: image-url('logo-header.png') 0 0 no-repeat;
       @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width, $project-logo-height);
-      background-position: 0 45%;
+      background-position: 0 40%;
 
       &:hover{
         opacity: .6;
@@ -26,6 +26,7 @@ body.page-sub{
     }
 
     .by-hashicorp{
+      margin-top: 3px;
       &:hover{
         svg{
           .svg-bg-line{