diff --git a/content/footer/_index.md b/content/footer/_index.md
index 35d7afa70..cc3cf7c26 100644
--- a/content/footer/_index.md
+++ b/content/footer/_index.md
@@ -26,7 +26,7 @@ extra:
 
 |||
 
-##### TALK TO HUMANS
+##### <span class="text-gray-100">TALK TO HUMANS</span>
 
 <br>
 
diff --git a/content/header/index.md b/content/header/index.md
index f668206e1..a630092a7 100644
--- a/content/header/index.md
+++ b/content/header/index.md
@@ -3,7 +3,7 @@ title: "Header"
 insert_anchor_links: "left"
 template: "partials/header.html"
 extra:
-  logoPath: "images/white_threefold.png"
+  logoPath: "images/new_logo_tft.png"
 
 ---
 
diff --git a/css/index.css b/css/index.css
index bbb7d986e..17ada12d4 100644
--- a/css/index.css
+++ b/css/index.css
@@ -281,6 +281,7 @@ background-color:#5596f5 !important;
   h5 {
     @apply text-lg my-1 tracking-normal font-medium;
     font-family: "Inter", sans-serif !important;
+    color: #fff !important
   }
   h6 {
     @apply text-md not-italic font-normal my-1;
diff --git a/static/images/new_logo_tft.png b/static/images/new_logo_tft.png
new file mode 100644
index 000000000..ba2214584
Binary files /dev/null and b/static/images/new_logo_tft.png differ
diff --git a/templates/_default/base.html b/templates/_default/base.html
index c3fd6c42d..3e626f4cb 100644
--- a/templates/_default/base.html
+++ b/templates/_default/base.html
@@ -3,7 +3,7 @@
 {% include "partials/head.html" %}
 {% include "partials/header.html" %}
 
-<body class="">
+<body class="bg-dark-gradient">
 
   <!-- Google Tag Manager (noscript) -->
   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7PNMFH" height="0" width="0"
@@ -42,11 +42,11 @@
   <!-- End Twitter universal website tag code -->
 
   {% include "partials/header.html" %}
-  <div id="content" class="px-4 lg:px-0 pt-12 overflow-hidden bg-dark-gradient">
+  <div id="content" class="px-4 lg:px-0 pt-12 overflow-hidden">
     {% block content %}{% endblock %}
 
   </div>
-  <div class="px-4 md:px-8  overflow-hidden bg-dark-gradient">
+  <div class="px-4 md:px-8  overflow-hidden">
     {% include "partials/footer.html" %}
   </div>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.4/flowbite.min.js"></script>
diff --git a/templates/partials/header.html b/templates/partials/header.html
index 938859120..83733497f 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -2,12 +2,12 @@
 {% set header_items = section.content | safe | split(pat="<li>") %}
 
 <header id="header-container">
-    <div class="z-20 bg-black2 fixed w-full top-0">
+    <div class="z-20 bg-black2 absolute w-full">
         <div class="relative z-50">
         <div class="mx-auto flex z-50 justify-between items-center px-6 sm:px-4 md:px-6 py-2 lg:px-5 lg:justify-start space-x-10 sm:space-x-4 ">
             <div>
                 <a href="{{get_url(path='/')}}" class="flex">
-                    <img class="w-12 h-auto sm:w-15" style="max-width: none;" src="{{ get_url(path=section.extra.logoPath)}}" alt="ThreeFold Logo" />
+                    <img class="lg:w-36 h-auto w-24" style="max-width: none;" src="{{ get_url(path=section.extra.logoPath)}}" alt="ThreeFold Logo" />
                 </a>
             </div>
             <div class="-mr-2 -my-2 lg:hidden">
@@ -52,7 +52,7 @@
                 {% else %}
                     <div class="relative">
                         {% set button_id = header_label ~ "-menu-btn" | slugify %}
-                    <button type="button" id="{{button_id}}" class="nav_btn py-3  text-white group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-gray-200 focus:outline-none transition ease-in-out duration-150">
+                    <button type="button" id="{{button_id}}" class="bg-black1 nav_btn py-3  text-white group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-gray-200 focus:outline-none transition ease-in-out duration-150">
                         <span>{{ header_label }}</span>
                         <div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
                     </button>
