diff --git a/_includes/header.html b/_includes/header.html
index 5fb280a..f478b14 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,6 +1,6 @@
 <div class='ui vertical inverted sidebar menu right overlay'>
   <a class='item' href="/safing">
-    <img class='ui image' src='{{ site.assets_url }}img/logo_with_name.png' style='width: 10rem;'>
+    <img class='ui image' src='{{ site.assets_url }}img/logo_v3_name_light.svg' style='width: 10rem; padding: 0.6rem;'>
   </a>
   <a class='item' href="/our-values" >
     OUR VALUES
@@ -16,7 +16,7 @@
 <div class='ui inverted stackable borderless menu {% if include.home %}home{% endif %}' id='menubar'>
   <div class='menu'>
     <a class='item' href='/safing' style='padding: 0 6px;'>
-      <img class='ui image' src='{{ site.assets_url }}img/logo_with_name.png' style='width: 10rem; '>
+      <img class='ui image' src='{{ site.assets_url }}img/logo_v3_name_light.svg' style='width: 10rem; padding: 0.6rem;'>
     </a>
   </div>
 
@@ -27,7 +27,7 @@
     <a class='item' href="/technology">
       TECHNOLOGY
     </a>
-    <a class='item' href="/download">
+    <a class='item' href="/download" style="z-index: 10;">
       DOWNLOAD
     </a>
   </div>
diff --git a/_sass/_header.scss b/_sass/_header.scss
index 5b30807..78989d8 100644
--- a/_sass/_header.scss
+++ b/_sass/_header.scss
@@ -4,11 +4,10 @@
 }
 #menubar {
   width: 100%;
-
-  background-color: $fill_medium;
+  background-color: $background_bar;
   margin: 0;
   border-radius: 0;
-  z-index: 1;
+  z-index: 10;
 }
 
 #menubar.home {
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
index 9e68a4a..0c0c11f 100644
--- a/_sass/_variables.scss
+++ b/_sass/_variables.scss
@@ -11,6 +11,8 @@ $fill_lighter: #788294 !default;
 $secondary: $fill_medium;
 $discreet: #F7F7F7;
 
+$background_bar: #031949;
+
 $anchor: #0078ff;
 $anchor_hover: #258bff;