diff --git a/homepage/theme/static/css/fix.css b/homepage/theme/static/css/fix.css
index 2192819..d5b98f2 100644
--- a/homepage/theme/static/css/fix.css
+++ b/homepage/theme/static/css/fix.css
@@ -38,7 +38,7 @@ LAYOUT
 ----------------------------------------------------*/
 .menu {
   width: 100%;
-  height: 64px;  /* mt5 */
+  height: 4rem;  /* mt5 */
   position: fixed;
   z-index: 1;
   top: 0;
@@ -84,13 +84,13 @@ MENU
   margin: 0 10px 40px 0;
 }
 .nav-bar {
-  height: 70px;
+  height: 4rem;
 }
 .icon {
   position: absolute;
   padding: 12px 0 0 20px;
   float: left;
-  line-height: 70px;
+  line-height: 4rem;
 }
 body.index .icon {
   opacity: 0;
@@ -114,15 +114,15 @@ nav ul li a,
 nav ul li a:visited {
   display: block;
   padding: 0 20px;
-  line-height: 70px;
+  line-height: 4rem;
   text-decoration: none;
   font-weight: 700;
-  background: $yellow-mid;
-  color: $black-mid;
+  background: #F7BF08;
+  color: #39352A;
 }
 nav ul li a:hover,
 nav ul li a:visited:hover {
-  color: $black-mid;
+  color: #39352A;
 }
 nav ul li a:not(:only-child):after,
 nav ul li a:visited:not(:only-child):after {
@@ -146,9 +146,9 @@ nav ul li ul li a {
   position: absolute;
   top: 0;
   right: 0;
-  background: $yellow-mid;
-  height: 70px;
-  width: 70px;
+  background: #F7BF08;
+  height: 4rem;
+  width: 4rem;
 }
 /* Mobile Styles */
 @media only screen and (max-width: 960px) {
@@ -160,7 +160,8 @@ nav ul li ul li a {
   }
   nav {
     width: 100%;
-    padding: 70px 0 15px;
+    padding: 0 0 15px 0;
+    padding-top: 4rem;
   }
   nav ul {
     display: none;
@@ -206,7 +207,7 @@ nav ul li ul li a {
   border-radius: 1px;
   height: 2px;
   width: 25px;
-  background: $black-mid;
+  background: #39352A;
   position: absolute;
   display: block;
   content: '';
diff --git a/homepage/theme/templates/base.html b/homepage/theme/templates/base.html
index 5a96aa9..dc96b24 100644
--- a/homepage/theme/templates/base.html
+++ b/homepage/theme/templates/base.html
@@ -38,28 +38,28 @@
     <section class="nav-bar">
       <div class="nav-container">
         <div class="icon">
-          <a href="/"><img src="/theme/images/offen-icon-white.svg" alt="Offen logo" width="42" height="46" class="logo"></a>
+          <a href="/"><img src="/theme/images/offen-icon-white.svg" alt="Offen logo" width="37" height="40" class="logo"></a>
         </div>
         <nav>
           <div class="nav-mobile"><span id="nav-toggle"><span></span></span></div>
           <ul class="nav-list">
             <li>
-              <a href="/">Summary</a>
+              <a class="b link dim fnt-cclr-mid-black" href="/">Summary</a>
             </li>
             <li>
-              <a href="/deep-dive/">Deep dive</a>
+              <a class="b link dim fnt-cclr-mid-black" href="/deep-dive/">Deep dive</a>
             </li>
             <li>
-              <a href="/blog/">Status</a>
+              <a class="b link dim fnt-cclr-mid-black" href="/blog/">Status</a>
             </li>
             <li>
-              <a href="/about/">About</a>
+              <a class="b link dim fnt-cclr-mid-black" href="/about/">About</a>
             </li>
             <li>
-              <a href="{{ GITHUB_ORG }}" rel="noopener" target="_blank">GitHub</a>
+              <a class="b link dim fnt-cclr-mid-black" href="{{ GITHUB_ORG }}" rel="noopener" target="_blank">GitHub</a>
             </li>
             <li>
-              <a href="{{ PATREON_URL }}" rel="noopener" target="_blank">Patreon</a>
+              <a class="b link dim fnt-cclr-mid-black" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Patreon</a>
             </li>
           </ul>
         </nav>