diff --git a/content/home/index.md b/content/home/index.md
index 6a25861..bd638da 100644
--- a/content/home/index.md
+++ b/content/home/index.md
@@ -154,16 +154,28 @@ Sailing Trips, Ruins Tours, Private Events, Parties, and Many More
 
 {% row(style="center" padding="none" margin="wide") %}
 
+<div class="px-2">
+
 ![Image](./img/explore1.webp#mx-auto)
 
+</div>
+
 |||
 
+<div class="px-2">
+
 ![Image](./img/explore2.webp#mx-auto)
 
+</div>
+
 |||
 
+<div class="px-2">
+
 ![Image](./img/explore3.webp#mx-auto)
 
+</div>
+
 {% end %}
 
 <br>
@@ -191,8 +203,12 @@ Our dedicated team is committed to ensuring that every moment of your stay is no
 
 {% row(style="center" bgColor="#EEEBE4" padding="none" margin="none") %}
 
+
+
+
 ![Image](./img/home_bottom1.webp#mx-auto)
 
+
 <br>
 
 
@@ -208,10 +224,9 @@ Our dedicated team is committed to ensuring that every moment of your stay is no
   background-color:#EEEBE4; 
 }
 
-p{
-
-    margin: 0px 6px;
-
+p {
+  margin-top:0px
 }
 
+
     </style>
diff --git a/css/index.css b/css/index.css
index a203664..228fa7e 100644
--- a/css/index.css
+++ b/css/index.css
@@ -20,6 +20,9 @@
   font-family: 'Josefin Sans', sans-serif;
 } */
 
+h1, h2, h3, h4, p {
+  color: #614734;
+}
 .bg-semi-white {
   background-color: rgba(255, 255, 255, 0.75);
 }
@@ -30,6 +33,7 @@
   width: 35% !important;
   padding-top: 5px;
   padding-bottom: 5px;
+  margin-left: 6px;
 }
 img[src*="#mx-auto"] {
   margin: auto;
@@ -122,9 +126,7 @@ img[src*="#fig"] {
     filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
 }
 
-* {
-  color: #614734!important;
-}
+
 
 @layer components {
   h1 {
@@ -252,7 +254,7 @@ footer .customize {
     flex-direction: column;
     align-items: center;
     padding-top: 40px;
-    padding-bottom: 40px;
+    /* padding-bottom: 40px; */
 }
 
 /* footer .customize img {
diff --git a/static/images/mbweni_logo_color.png b/static/images/mbweni_logo_color.png
new file mode 100644
index 0000000..516db28
Binary files /dev/null and b/static/images/mbweni_logo_color.png differ
diff --git a/templates/partials/footer.html b/templates/partials/footer.html
index c520838..db43fc1 100644
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -17,7 +17,7 @@
             <div class="py-4 px-4 sm:px-6">
                 <div class="lg:flex items-center lg:gap-4">
                   <a href="/" class="lg:mr-8 lg:mb-2 lg:col-span-1">
-                    <img class="lg:mx-4 mb-4 mx-auto" src="/images/hotel1.svg" alt="JPLogo" width="250px" height="auto" />
+                    <img class="lg:mx-4 mb-4 mx-auto" src="/images/mbweni_logo_color.png" alt="JPLogo" width="200px" height="auto" />
                   </a>
                     <div class="my-2 lg:mr-8 lg:mb-2 lg:col-span-1">
                         <div>
@@ -59,10 +59,10 @@
                 </div>
             </div>
             <img src="{{get_url(path='images/')}}" class="w-60" alt="">
-            <hr class="my-4 border-y-0 w-1/2 border-b-orange-900/50">
-            <div class="text-center mx-4">
-            <p class="text-base lg:text-lg font-semibold my-0">© 2023  Jungle Paradise Resort & SPA.  
-                <a href="https://threefold.io/" target="_blank" class="hard_blue my-0 text-base">All Rights Reserved.</a></p> 
+            {# <hr class="my-4 border-y-0 w-1/2 border-b-orange-900/50"> #}
+            <div class="rights flex justify-center items-center text-center mx-4 h-16 w-full text-white">
+            <p style="color: #fff;" class="text-base lg:text-lg font-semibold my-0">© 2024  Mbweni Ruins & Gardens.  
+                <a href="https://threefold.io/" target="_blank" class="rights hard_blue my-0 text-base">All Rights Reserved.</a></p> 
             
             </div>
         </div>
@@ -72,12 +72,21 @@
 
 <style scoped>
     footer a {
-    color: #775840 !important;
+    color: #614734 !important;
     font-family: 'Cormorant Infant', serif;
     font-size: 1.25rem;
     line-height: 1.75rem;
     font-weight: 600;
  }
  footer a:hover{
-color: #423023;}
+color: #7e624e !important;}
+
+.rights{
+    background-color: #614734;
+    color: #fff !important;}
+
+
+.rights a:hover{
+    color: #bdbdbd !important;
+}    
 </style>
diff --git a/templates/partials/header.html b/templates/partials/header.html
index edaf622..030c720 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -100,14 +100,14 @@
         <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">
+            <div class="mx-auto flex z-50 shadow justify-between items-center pr-2 md:pr-0 py-2  px-3 lg:px-2 lg:justify-start lg:space-x-20">
                 <div>
                     <a href="/" class="flex">
                         <img class="logo" src="{{logo_path}}" alt="Logo" />
                     </a>
                 </div>
                 <div class="-mr-2 -my-2 lg:hidden">
-                    <button id="hamburger-btn" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
+                    <button id="hamburger-btn" type="button" class="drop_menu inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
                         <!-- Heroicon name: menu -->
                         <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
@@ -174,7 +174,7 @@
             -->
         <div id="hamburger" class="hidden fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
             <div>
-                <div class="shadow-xs h-screen bg-white divide-y-2 divide-gray-50">
+                <div class="shadow-xs h-screen drop_menu divide-y-2 divide-gray-50">
                     <div class="pt-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
     
                         <nav class="flex flex-col justify-around pb-12">
@@ -224,4 +224,10 @@
     </header>
     
 {% endif %}
+<style>
+    .drop_menu{
+        background-color: 
+        #614734;
+    }
+</style>
 
diff --git a/templates/shortcodes/row.html b/templates/shortcodes/row.html
index 8e66baf..51f8236 100644
--- a/templates/shortcodes/row.html
+++ b/templates/shortcodes/row.html
@@ -44,7 +44,7 @@ Parameters:
     {% set row_class = row_class ~ " lg:items-center" %}
 {% endif %}
 
-{% set col_class = "flex-1 mb-2 md:mb-12 lg:mb-0 lg:mx-4" %}
+{% set col_class = "flex-1 mb-2 md:mb-12 lg:mb-0" %}
 
 
 {% set row_id = '' %}