diff --git a/content/_index.md b/content/_index.md
index 3f288ef..497512c 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -7,7 +7,7 @@ draft: false
 sort_by: weight
 weight: 1
 extra:
-    logo_path: images/logo.png
+    logo_path: images/mbweni_logo.png
 ---
 
 
diff --git a/css/index.css b/css/index.css
index 763f7d9..a203664 100644
--- a/css/index.css
+++ b/css/index.css
@@ -27,7 +27,9 @@
 /* Custom css allowing image styling in markdown */
 
 .logo {
-  width: 50% !important;
+  width: 35% !important;
+  padding-top: 5px;
+  padding-bottom: 5px;
 }
 img[src*="#mx-auto"] {
   margin: auto;
@@ -121,7 +123,7 @@ img[src*="#fig"] {
 }
 
 * {
-  color: #775840 !important;
+  color: #614734!important;
 }
 
 @layer components {
@@ -206,13 +208,13 @@ img[src*="#fig"] {
 }
 
 button:hover  {
-  background-color: #a38269;
-  /* color: #984210; */
+  background-color: #886851;
+
 }
 
 button  {
 font-weight: 700;
-background-color: #775840;
+background-color: #614734;
 }
 
 .experience-btn {
@@ -238,7 +240,8 @@ background-color: #775840;
 }
 
 header .customize {
-    background-color:#EEEBE4;
+    background-color:#614734;
+
     position: fixed;
 }
 
@@ -265,10 +268,11 @@ header .customize div {
 }
 
 button {
-  background-color: #775840;
+  background-color: #614734;
+  ;
   /* background: transparent; */
   color: rgb(255, 255, 255);
-  border-radius: 4px;
+  border-radius: 10px;
   border: none;
   box-shadow: none;
   padding-top:8px ;
@@ -281,15 +285,15 @@ a {
 }
 
 a:hover{
-  color: #a38269 !important;
+  color: #cab3a1  !important;
 }
 
 nav a {
-  color: #775840 !important;
+  color: #ffffff !important;
 }
 
 nav a:hover {
-  color: #a38269 !important;
+  color: #cab3a1 !important;
 }
 
 
diff --git a/static/images/mbweni_logo.png b/static/images/mbweni_logo.png
new file mode 100644
index 0000000..d725fa0
Binary files /dev/null and b/static/images/mbweni_logo.png differ
diff --git a/tailwindcss b/tailwindcss
index e625b2b..fe5b6fc 100755
Binary files a/tailwindcss and b/tailwindcss differ
diff --git a/templates/partials/header.html b/templates/partials/header.html
index e172570..edaf622 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -97,7 +97,7 @@
 {% else %}
     <header id="header-container">
         {% set header_class = config.extra.header_class | default(value='') %}
-        <div class="{{'z-10 header_BG border-b-[1px] border-orange-900 fixed w-screen max-w-full ' ~ header_class}}">
+        <div class="{{'z-10 header_BG border-b-[1px] border-white-900 fixed w-screen max-w-full ' ~ header_class}}">
             <div class="container mx-auto">
             <div class="relative z-50 shadow">
             <div class="mx-auto flex z-50 shadow justify-between items-center pr-2 md:pr-0 py-2 lg:px-2 lg:justify-start lg:space-x-20">