diff --git a/content/download/index.md b/content/download/index.md
index a78ba99..3caa200 100644
--- a/content/download/index.md
+++ b/content/download/index.md
@@ -20,7 +20,7 @@ extra:
 ) }}
 
 <div class="lg:max-w-7xl container mx-auto lg:pb-24 pb-12">
-<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 my-12">
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 m mt-10 y-12">
 {{ 
     feature_card(
         title="Download for iOS & MacOS", 
@@ -79,43 +79,51 @@ extra:
 <br>
 
 {{ accordion(
+    id_accordion="accordion1"
     question="What is Mycelium?",
     description="Mycelium is an end-to-end encrypted IPv6 overlay network written in Rust. Each node joining the network receives an IP in the 400::/7 range, facilitating secure and private communications."
 ) }}
 
 {{ accordion(
+    id_accordion="accordion2"
     question="Is mycelium ready to scale to the world?",
     description="No, Mycelium is not yet fully scalable to a global level. Currently, each network can support around 100,000 users, but multiple networks can be deployed to expand capacity. We anticipate resolving these scalability challenges by 2025."
 ) }}
 
 {{ accordion(
+    id_accordion="accordion3"
     question="How do I install Mycelium?",
-    description="The Mycelium app supports iOS, macOS, Android and Windows. For Linux, a binary is available. Installation guides are available for both local machines and virtual machines running on the TFGrid. Note that Windows users need to have wintun.dll in the same directory as the Mycelium executable. Click here for more info."
+    description="The Mycelium app supports iOS, macOS, Android and Windows. For Linux, a binary is available. Installation guides are available for both local machines and virtual machines running on the TFGrid. Note that Windows users need to have wintun.dll in the same directory as the Mycelium executable."
 ) }}
 
 {{ accordion(
+    id_accordion="accordion4"
     question="How can I find and use my Mycelium address?",
     description="Upon using the Mycelium app, you're assigned a unique Mycelium address. To copy this address, click the button located to the right of the displayed address in the app interface."
 ) }}
 
 {{ accordion(
+    id_accordion="accordion5"
     question="Can I deploy workloads on the TFGrid using Mycelium?",
     description="Yes, after installing Mycelium, you can deploy workloads on the TFGrid and connect to them using the Mycelium network. Detailed deployment guides are available in the documentation."
 ) }}
 
 {{ accordion(
+    id_accordion="accordion6"
     question="Is there an API available for Mycelium?",
     description="Yes, Mycelium offers an API for administrative operations, peer management, and message subsystem operations. Comprehensive API documentation can be found in the official Mycelium GitHub repository"
     )
     }}
 
 {{ accordion(
+    id_accordion="accordion7"
     question="What should I do if I encounter issues during installation or usage?",
     description="If you face any challenges, refer to the troubleshooting section in the Mycelium documentation. Additionally, ensure that all prerequisites are met, such as having wintun.dll in the correct directory for Windows installations."
     )
     }}
 
 {{ accordion(
+    id_accordion="accordion8"
     question="How does Mycelium handle routing within its network?",
     description="Mycelium incorporates core principles of the Babel routing protocol, enabling efficient and dynamic routing within its encrypted IPv6 overlay network."
     )
diff --git a/content/home/index.md b/content/home/index.md
index 9f59824..f449932 100644
--- a/content/home/index.md
+++ b/content/home/index.md
@@ -67,11 +67,11 @@ extra:
 
 <div class="lg:max-w-7xl container mx-auto py-12 lg:pb-24 px-4">
 <div class="mx-auto grid grid-cols-1 gap-x-6 gap-y-10 text-base sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-2 lg:gap-x-8 lg:gap-y-8">
-<div class="relative ">
+<div class="relative my-4 ">
 
 ######  **PRODUCTIVITY & COMMUNICATION**
 
-<div class="mt-2">
+<div class="mt-1">
 
 - Secure remote work collaboration.
 - Private file sharing between trusted nodes.
@@ -82,11 +82,11 @@ extra:
 </div>
 </div>
 
-<div class="relative ">
+<div class="relative my-4 ">
 
 ######  **INFRASTRUCTURE**
 
-<div class="mt-2">
+<div class="mt-1">
 
 - Private cloud computing resources.
 - Secure IoT device networks.
@@ -97,11 +97,11 @@ extra:
 </div>
 </div>
 
-<div class="relative ">
+<div class="relative my-4 ">
 
 ######  **SERVICES**
 
-<div class="mt-2">
+<div class="mt-1">
 
 - Self-hosted web services.
 - Private file sharing between trusted nodes.
@@ -112,11 +112,11 @@ extra:
 </div>
 </div>
 
-<div class="relative ">
+<div class="relative my-4">
 
 ###### **MEDIA & CONTENT**
 
-<div class="mt-2">
+<div class="mt-1">
 
 - Private media streaming.
 - Personal cloud storage.
@@ -154,7 +154,7 @@ extra:
 ) }}
 
 <div class="lg:max-w-7xl container mx-auto lg:pb-24 pb-12">
-<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-12">
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mt-10 my-12">
 
 {{ 
    feature_card(
@@ -201,7 +201,7 @@ extra:
 ) }}
 
 <div class="lg:max-w-7xl container mx-auto lg:pb-24 pb-12">
-<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-12">
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mt-10 my-12">
 {{ 
     feature_card(
         title="Decentralization", 
@@ -250,43 +250,51 @@ extra:
 <br>
 
 {{ accordion(
+    id_accordion="accordion1"
     question="What is Mycelium?",
     description="Mycelium is an end-to-end encrypted IPv6 overlay network written in Rust. Each node joining the network receives an IP in the 400::/7 range, facilitating secure and private communications."
 ) }}
 
 {{ accordion(
+    id_accordion="accordion2"
     question="Is mycelium ready to scale to the world?",
     description="No, Mycelium is not yet fully scalable to a global level. Currently, each network can support around 100,000 users, but multiple networks can be deployed to expand capacity. We anticipate resolving these scalability challenges by 2025."
 ) }}
 
 {{ accordion(
+    id_accordion="accordion3"
     question="How do I install Mycelium?",
-    description="The Mycelium app supports iOS, macOS, Android and Windows. For Linux, a binary is available. Installation guides are available for both local machines and virtual machines running on the TFGrid. Note that Windows users need to have wintun.dll in the same directory as the Mycelium executable. Click here for more info."
+    description="The Mycelium app supports iOS, macOS, Android and Windows. For Linux, a binary is available. Installation guides are available for both local machines and virtual machines running on the TFGrid. Note that Windows users need to have wintun.dll in the same directory as the Mycelium executable."
 ) }}
 
 {{ accordion(
+    id_accordion="accordion4"
     question="How can I find and use my Mycelium address?",
     description="Upon using the Mycelium app, you're assigned a unique Mycelium address. To copy this address, click the button located to the right of the displayed address in the app interface."
 ) }}
 
 {{ accordion(
+    id_accordion="accordion5"
     question="Can I deploy workloads on the TFGrid using Mycelium?",
     description="Yes, after installing Mycelium, you can deploy workloads on the TFGrid and connect to them using the Mycelium network. Detailed deployment guides are available in the documentation."
 ) }}
 
 {{ accordion(
+    id_accordion="accordion6"
     question="Is there an API available for Mycelium?",
     description="Yes, Mycelium offers an API for administrative operations, peer management, and message subsystem operations. Comprehensive API documentation can be found in the official Mycelium GitHub repository"
     )
     }}
 
 {{ accordion(
+    id_accordion="accordion7"
     question="What should I do if I encounter issues during installation or usage?",
     description="If you face any challenges, refer to the troubleshooting section in the Mycelium documentation. Additionally, ensure that all prerequisites are met, such as having wintun.dll in the correct directory for Windows installations."
     )
     }}
 
 {{ accordion(
+    id_accordion="accordion8"
     question="How does Mycelium handle routing within its network?",
     description="Mycelium incorporates core principles of the Babel routing protocol, enabling efficient and dynamic routing within its encrypted IPv6 overlay network."
     )
diff --git a/css/index.css b/css/index.css
index effad59..ee38098 100644
--- a/css/index.css
+++ b/css/index.css
@@ -3,6 +3,17 @@
 @import "code.css";
 /*! purgecss end ignore */
 
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer components {
+  /* .btn-primary {
+      @apply py-1.5 px-3 text-center bg-blue-700 rounded-md text-white;
+  } */
+}
+
 @import "tailwindcss/base";
 @import "layout.css";
 @import "tailwindcss/components";
@@ -110,20 +121,6 @@ body.dark-mode .d_menu {
   background-color: rgba(255, 255, 255, 0.75);
 }
 
-.bg-dark-gradient {
-  background: rgba(16,16,16,1);
-  background: radial-gradient(circle, rgba(16,16,16,1) 0%, rgb(24, 24, 24) 50%, rgba(16,16,16,1) 100%);
-}
-
-.bg-black1 {
-  background-color: rgba(16,16,16,1);
-}
-
-.bg-transparent {
-  background-color: transparent;
-}
-
-
 
 /* Custom css allowing image styling in markdown */
 img[src*="#mx-auto"] {
@@ -337,18 +334,18 @@ background-color:#5596f5 !important;
 
 @layer components {
   h1 {
-    @apply text-4xl lg:text-6xl font-normal;
+    @apply text-4xl font-semibold tracking-tight lg:text-6xl;
     font-family: "Inter", sans-serif !important;
   }
   h2 {
-    @apply text-3xl lg:text-4xl my-4 font-normal leading-none;
+    @apply  lg:text-5xl text-4xl font-medium tracking-tight leading-none;
     font-family: "Inter", sans-serif !important;
   }
   h2 strong {
     @apply font-semibold;
   }
   h3 {
-    @apply text-2xl lg:text-3xl my-4 font-extralight;
+    @apply lg:text-4xl text-3xl font-normal tracking-tight;
     font-family: "Inter", sans-serif !important;
   }
   h3 strong {
@@ -648,7 +645,6 @@ header {
 .post-content-text h2 {
   font-family: "Inter", sans-serif;
   line-height: 1.5;
-  font-size: 2.25rem;
   font-weight: 700;
 }
 .container-fluid {
@@ -662,12 +658,8 @@ header {
 .zola-anchor {
   display: none;
 }
-@media (min-width: 1024px){
-  h2 {
-    font-size: 3.5rem;
-  } 
-  
-}
+
+
 
 @media (max-width: 1024px) {
 
diff --git a/static/images/about1.jpg b/static/images/about1.jpg
deleted file mode 100644
index 353bb22..0000000
Binary files a/static/images/about1.jpg and /dev/null differ
diff --git a/static/images/about2.jpg b/static/images/about2.jpg
deleted file mode 100644
index b368cda..0000000
Binary files a/static/images/about2.jpg and /dev/null differ
diff --git a/static/images/about3.jpg b/static/images/about3.jpg
deleted file mode 100644
index e0e2c6b..0000000
Binary files a/static/images/about3.jpg and /dev/null differ
diff --git a/static/images/about4.jpg b/static/images/about4.jpg
deleted file mode 100644
index d22d664..0000000
Binary files a/static/images/about4.jpg and /dev/null differ
diff --git a/static/images/ai.jpg b/static/images/ai.jpg
deleted file mode 100644
index 9a28c24..0000000
Binary files a/static/images/ai.jpg and /dev/null differ
diff --git a/static/images/asset.jpg b/static/images/asset.jpg
deleted file mode 100644
index 30c353b..0000000
Binary files a/static/images/asset.jpg and /dev/null differ
diff --git a/static/images/bot2.jpg b/static/images/bot2.jpg
deleted file mode 100644
index 8062d49..0000000
Binary files a/static/images/bot2.jpg and /dev/null differ
diff --git a/static/images/datacenter.jpg b/static/images/datacenter.jpg
deleted file mode 100644
index db61937..0000000
Binary files a/static/images/datacenter.jpg and /dev/null differ
diff --git a/static/images/dc.jpg b/static/images/dc.jpg
deleted file mode 100644
index 6c22071..0000000
Binary files a/static/images/dc.jpg and /dev/null differ
diff --git a/static/images/dc2.jpg b/static/images/dc2.jpg
deleted file mode 100644
index 554cf5f..0000000
Binary files a/static/images/dc2.jpg and /dev/null differ
diff --git a/static/images/decent.png b/static/images/decent.png
deleted file mode 100644
index 273b03f..0000000
Binary files a/static/images/decent.png and /dev/null differ
diff --git a/static/images/digital.jpg b/static/images/digital.jpg
deleted file mode 100644
index d041bef..0000000
Binary files a/static/images/digital.jpg and /dev/null differ
diff --git a/static/images/eco.jpg b/static/images/eco.jpg
deleted file mode 100644
index 237a008..0000000
Binary files a/static/images/eco.jpg and /dev/null differ
diff --git a/static/images/eco2.jpg b/static/images/eco2.jpg
deleted file mode 100644
index 5325c4d..0000000
Binary files a/static/images/eco2.jpg and /dev/null differ
diff --git a/static/images/eco3.jpg b/static/images/eco3.jpg
deleted file mode 100644
index 37feefe..0000000
Binary files a/static/images/eco3.jpg and /dev/null differ
diff --git a/static/images/effic.png b/static/images/effic.png
deleted file mode 100644
index 71ebf4e..0000000
Binary files a/static/images/effic.png and /dev/null differ
diff --git a/static/images/feature6.png b/static/images/feature6.png
deleted file mode 100644
index 6f5b953..0000000
Binary files a/static/images/feature6.png and /dev/null differ
diff --git a/static/images/freezone.jpg b/static/images/freezone.jpg
deleted file mode 100644
index 7d78c69..0000000
Binary files a/static/images/freezone.jpg and /dev/null differ
diff --git a/static/images/freezone2.jpg b/static/images/freezone2.jpg
deleted file mode 100644
index c17c5b1..0000000
Binary files a/static/images/freezone2.jpg and /dev/null differ
diff --git a/static/images/fumba.jpg b/static/images/fumba.jpg
deleted file mode 100644
index 2b5c4a6..0000000
Binary files a/static/images/fumba.jpg and /dev/null differ
diff --git a/static/images/fumba.webp b/static/images/fumba.webp
deleted file mode 100644
index 2e93a08..0000000
Binary files a/static/images/fumba.webp and /dev/null differ
diff --git a/static/images/hero.png b/static/images/hero.png
deleted file mode 100644
index 8eee350..0000000
Binary files a/static/images/hero.png and /dev/null differ
diff --git a/static/images/hero2.png b/static/images/hero2.png
deleted file mode 100644
index 5fb7d1f..0000000
Binary files a/static/images/hero2.png and /dev/null differ
diff --git a/static/images/hero3.png b/static/images/hero3.png
deleted file mode 100644
index 473fd09..0000000
Binary files a/static/images/hero3.png and /dev/null differ
diff --git a/static/images/hero4.png b/static/images/hero4.png
deleted file mode 100644
index 1ed321e..0000000
Binary files a/static/images/hero4.png and /dev/null differ
diff --git a/static/images/hero5.png b/static/images/hero5.png
deleted file mode 100644
index 96b0e93..0000000
Binary files a/static/images/hero5.png and /dev/null differ
diff --git a/static/images/home.jpg b/static/images/home.jpg
deleted file mode 100644
index 803ca3b..0000000
Binary files a/static/images/home.jpg and /dev/null differ
diff --git a/static/images/home1.jpg b/static/images/home1.jpg
deleted file mode 100644
index 0dd178e..0000000
Binary files a/static/images/home1.jpg and /dev/null differ
diff --git a/static/images/mycel5.png b/static/images/mycel5.png
deleted file mode 100644
index b6455a6..0000000
Binary files a/static/images/mycel5.png and /dev/null differ
diff --git a/static/images/new_logo_tft.png b/static/images/new_logo_tft.png
deleted file mode 100644
index 0696f4c..0000000
Binary files a/static/images/new_logo_tft.png and /dev/null differ
diff --git a/static/images/people_1.jpg b/static/images/people_1.jpg
deleted file mode 100644
index 6660d0e..0000000
Binary files a/static/images/people_1.jpg and /dev/null differ
diff --git a/static/images/people_2.jpg b/static/images/people_2.jpg
deleted file mode 100644
index 3621795..0000000
Binary files a/static/images/people_2.jpg and /dev/null differ
diff --git a/static/images/people_3.jpg b/static/images/people_3.jpg
deleted file mode 100644
index 015e8d5..0000000
Binary files a/static/images/people_3.jpg and /dev/null differ
diff --git a/static/images/people_4.jpg b/static/images/people_4.jpg
deleted file mode 100644
index 54d8537..0000000
Binary files a/static/images/people_4.jpg and /dev/null differ
diff --git a/static/images/people_5.jpg b/static/images/people_5.jpg
deleted file mode 100644
index d40346a..0000000
Binary files a/static/images/people_5.jpg and /dev/null differ
diff --git a/static/images/resil.png b/static/images/resil.png
deleted file mode 100644
index 3c6e1ab..0000000
Binary files a/static/images/resil.png and /dev/null differ
diff --git a/static/images/startup.jpg b/static/images/startup.jpg
deleted file mode 100644
index ab13696..0000000
Binary files a/static/images/startup.jpg and /dev/null differ
diff --git a/static/images/startup1.jpg b/static/images/startup1.jpg
deleted file mode 100644
index f68ef6d..0000000
Binary files a/static/images/startup1.jpg and /dev/null differ
diff --git a/static/images/twin.jpg b/static/images/twin.jpg
deleted file mode 100644
index 4d263b7..0000000
Binary files a/static/images/twin.jpg and /dev/null differ
diff --git a/static/images/znz.jpg b/static/images/znz.jpg
deleted file mode 100644
index f163243..0000000
Binary files a/static/images/znz.jpg and /dev/null differ
diff --git a/static/images/zone.jpg b/static/images/zone.jpg
deleted file mode 100644
index 1283d7b..0000000
Binary files a/static/images/zone.jpg and /dev/null differ
diff --git a/static/images/zone1.jpg b/static/images/zone1.jpg
deleted file mode 100644
index a79d938..0000000
Binary files a/static/images/zone1.jpg and /dev/null differ
diff --git a/static/images/zone2.jpg b/static/images/zone2.jpg
deleted file mode 100644
index f543b89..0000000
Binary files a/static/images/zone2.jpg and /dev/null differ
diff --git a/templates/shortcodes/accordion.html b/templates/shortcodes/accordion.html
index 1744f02..baaafb0 100644
--- a/templates/shortcodes/accordion.html
+++ b/templates/shortcodes/accordion.html
@@ -1,56 +1,43 @@
-
-<script src="https://cdn.tailwindcss.com"></script>
-    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
-    <script>
-        tailwind.config = {
-            theme: {
-                extend: {
-                    fontFamily: {
-                        inter: ['Inter', 'sans-serif'],
-                    },
-                },
-            },
-        };
-    </script>
-                <div x-data="{ expanded: false }" class="py-2">
-                    <h2>
-                        <button
-                            id="faqs-title-01"
-                            type="button"
-                            class="flex items-center justify-between w-full text-left font-semibold py-2 px-4 border-1 border-gray-50 rounded-lg"
-                            @click="expanded = !expanded"
-                            :aria-expanded="expanded"
-                            aria-controls="faqs-text-01"
-                        >
-                            <span class="">{{ question }}</span>
-                            <svg class="shrink-0 ml-8"  fill="gray" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
-                                <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
-                                <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
-                            </svg>
-                        </button>
-                    </h2>
-                    <div
-                        id="faqs-text-01"
-                        role="region"
-                        aria-labelledby="faqs-title-01"
-                        class="grid text-sm overflow-hidden transition-all duration-300 ease-in-out"
-                        :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
-                        >
-                        <div class="overflow-hidden">
-                            {% if description %} 
-                            <p class="py-3 px-4 text-base font-light">
-                                {{ description }} 
-                            </p>
-                            {% endif %}
-                        </div>
-                    </div>
+<div class="rounded-lg shadow-lg overflow-hidden my-2 border border-gray-200">
+            <input type="checkbox" id="{{ id_accordion }}" class="peer hidden">
+            <label for="{{ id_accordion }}" class="accordion flex items-center justify-between p-4 cursor-pointer transition-colors">
+                <span class="text-lg font-semibold">{{ question }}</span>
+                <svg class="w-6 h-6 transition-transform peer-checked:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+                </svg>
+            </label>
+            <div class="max-h-0 overflow-hidden transition-all duration-300 peer-checked:max-h-screen">
+                <div class="p-4">
+                    {% if description %} 
+                    <p class="semigray font-normal leading-relaxed">{{ description }} </p>
+                    {% endif %}
                 </div>
-            <!-- </div>                                                                                              
-    </div> -->
-            <!-- End: Accordion component -->
+            </div>
+        </div>
+
+        <style>
+
+            body .accordion:hover {
+                background-color: rgb(240, 240, 240) !important;
+             }
+
+            body.dark-mode .accordion:hover {
+               background-color: #2e2e2e !important;
+            }
+        </style>
+
+        
+
+   
+
+     
+
+     
+
+
+     
+   
 
-        <!-- </div>
-    </main> -->
 
 
 
diff --git a/templates/shortcodes/cta.html b/templates/shortcodes/cta.html
index ea386d5..9e7dfba 100644
--- a/templates/shortcodes/cta.html
+++ b/templates/shortcodes/cta.html
@@ -12,7 +12,7 @@
   <div class="mx-auto max-w-7xl py-12 sm:px-6  lg:px-8">
     <div class="relative isolate overflow-hidden bg-black px-6 pt-16 shadow-2xl sm:rounded-3xl sm:px-16 md:pt-24 lg:flex lg:gap-x-20 lg:px-24 lg:pt-0">
       <div class="mx-auto max-w-md text-center lg:mx-0 lg:flex-auto lg:py-32 lg:text-left">
-        <h2 class="text-4xl font-normal tracking-tight text-balance text-white lg:text-5xl">{{ title }}</h2>
+        <h2 class=" text-white">{{ title }}</h2>
         <p class="mt-6 text-lg lg:text-xl text-pretty font-light text-gray-300">{{ description }}</p>
         <div class="mt-10 flex items-center justify-center gap-x-6 lg:justify-start">
           <a href="{{ button_link }}" class="rounded-2xl bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-xs hover:bg-gray-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">{{ button_text }}</a>
diff --git a/templates/shortcodes/desciption_blockquote.html b/templates/shortcodes/desciption_blockquote.html
index 935a80d..fb566cc 100644
--- a/templates/shortcodes/desciption_blockquote.html
+++ b/templates/shortcodes/desciption_blockquote.html
@@ -9,7 +9,7 @@
 <div class="lg:py-24 py-12 relative  isolate overflow-hidden">
     <div class="mx-auto container lg:max-w-7xl px-4">
         <div>
-            <h2 class="fade-in lg:text-5xl text-4xl font-medium tracking-tight l">{{ title }}
+            <h2 class="fade-in my-2">{{ title }}
             </h2>
         </div>
         <div class="relative grid lg:grid-cols-12 lg:gap-8">
diff --git a/templates/shortcodes/hero.html b/templates/shortcodes/hero.html
index 16524a6..ae6723b 100644
--- a/templates/shortcodes/hero.html
+++ b/templates/shortcodes/hero.html
@@ -13,11 +13,10 @@
   <div class="mx-auto max-w-7xl lg:grid lg:grid-cols-12 lg:gap-x-8 lg:px-8">
     <div class="px-6 lg:col-span-7 lg:px-0 xl:col-span-6">
       <div class="mx-auto max-w-2xl lg:mx-0 lg:flex-auto">
-        <h1 class="text-4xl font-semibold tracking-tight lg:text-6xl">
+        <h1>
           {{ title }}
         </h1>
-        <h2 class="fade-in text-balance lg:text-4xl text-3xl font-normal tracking-tight ">{{ subtitle }}
-                  </h2>
+        <h2 class="fade-in">{{ subtitle }}</h2>
         <p class="mt-8 text-pretty lg:text-xl text-lg  font-light lgl:text-xl">
           {{ description }} <br><br> <b>{{ highlight }}</b>
         </p>
diff --git a/templates/shortcodes/hero_bottom_img.html b/templates/shortcodes/hero_bottom_img.html
index 7b90adf..b225fe7 100644
--- a/templates/shortcodes/hero_bottom_img.html
+++ b/templates/shortcodes/hero_bottom_img.html
@@ -2,7 +2,7 @@
     <div class="mx-auto max-w-7xl">
       <div class="mx-auto max-w-4xl text-left lg:text-center">
         <p class="text-base/7 font-light  tracking-wide">{{ subtitle }}</p>
-        <h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight "> {{ title }}</h2>
+        <h2 class="fade-in my-2"> {{ title }}</h2>
         <p class="mt-6 text-lg font-light lg:text-xl">{{ description }}</p>
       </div>
     </div>
@@ -11,51 +11,6 @@
         <img src="{{ image_src }}" alt="{{ image_alt }}"  width="900">
       </div>
     </div>
-    <!-- <div class="mx-auto mt-10 max-w-7xl px-6  lg:px-8">
-      <dl class="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-4 text-base/7  sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-10">
-        <div class="relative lg:pl-9">
-          <dt class="inline font-semibold ">
-
-            ✓  Quantum Safe Storage Functionality
-          </dt>
-          <dd class="font-light">Mycelium’s quantum safe storage enables flexible, scalable, and efficient data distribution across a decentralized network, ensuring redundancy and security.</dd>
-        </div>
-        <div class="relative lg:pl-9">
-          <dt class="inline font-semibold ">
- 
-            ✓  Entry and Exit Points for AI Workloads
-          </dt>
-          <dd class="font-light">Seamlessly connect AI applications to Mycelium, providing optimized nd secured data pipelines for training, inference, and real-time processing.</dd>
-        </div>
-        <div class="relative lg:pl-9">
-          <dt class="inline font-semibold ">
-   
-            ✓  Data Storage and Retrieval Mechanisms
-          </dt>
-          <dd class="font-light">Users can choose between storing data locally for quick access or utilizing the distributed grid for enhanced scalability and resilience.</dd>
-        </div>
-        <div class="relative lg:pl-9">
-          <dt class="inline font-semibold ">
-
-            ✓  Integrated Name Services (DNS)
-          </dt>
-          <dd class="font-light">The Integrated DNS system efficiently finds the shortest path between users and websites, automatically balancing loads and identifying alternative routes in case of internet issues.</dd>
-        </div>
-        <div class="relative lg:pl-9">
-          <dt class="inline font-semibold ">
-
-            ✓  Frontend/Backend Integration
-          </dt>
-          <dd class="font-light"> Mycelium provides seamless integration with existing applications, enabling developers to leverage decentralized storage across both frontend and backend architectures.</dd>
-        </div>
-        <div class="relative lg:pl-9">
-          <dt class="inline font-semibold ">
- 
-            ✓  CDN (Content Delivery Network)
-          </dt>
-          <dd class="font-light">Mycelium accelerates data distribution by acting as a decentralized CDN, ensuring fast, secure, and efficient content delivery across global nodes with minimal latency.</dd>
-        </div>
-      </dl>
-    </div> -->
+  
   </div>
   
\ No newline at end of file
diff --git a/templates/shortcodes/hero_features.html b/templates/shortcodes/hero_features.html
index 13be63a..1057ac8 100644
--- a/templates/shortcodes/hero_features.html
+++ b/templates/shortcodes/hero_features.html
@@ -2,7 +2,7 @@
     <div class="lg:py-24 py-12 relative isolate">
         <div class="px-4 lg:px-8 lg:pb-24">
             <p class="text-base font-light tracking-wide">{{ subtitle_1 }}</p>
-            <h2 class="fade-in lg:text-5xl text-4xl font-normal tracking-tight">{{ title }}</h2>
+            <h2 class="fade-in my-2">{{ title }}</h2>
                 <p class="text-left mt-4 text-pretty lg:text-lg text-md font-light fade-in max-w-3xl">
                     {{ description }}
                 </p>
diff --git a/templates/shortcodes/hero_right_img.html b/templates/shortcodes/hero_right_img.html
index 09deb76..3757a82 100644
--- a/templates/shortcodes/hero_right_img.html
+++ b/templates/shortcodes/hero_right_img.html
@@ -15,10 +15,10 @@
                   alt="{{ image_alt }}">
           </div>
           <div class="mx-auto max-w-xl lg:mx-0 lg:flex-auto lg:order-1">
-              <h1 class="mt-2 text-4xl font-semibold tracking-tight lg:text-6xl">
+              <h1 class="mt-2">
                 {{ title }}
               </h1>
-              <h2 class="text-balance lg:text-4xl text-3xl font-normal tracking-tight">{{ subtitle }}</h2>
+              <h3 class="">{{ subtitle }}</h3>
               <p class="mt-6 text-md font-light semigray lg:text-lg">
                 {{ description_1 }} 
               <p class="mt-2 text-md font-light semigray lg:text-lg">
diff --git a/templates/shortcodes/left_header.html b/templates/shortcodes/left_header.html
index 1f72ea4..3a97963 100644
--- a/templates/shortcodes/left_header.html
+++ b/templates/shortcodes/left_header.html
@@ -11,8 +11,8 @@
   <div class="mx-auto">
     <div class="mx-auto">
       <p class="text-base font-light tracking-wide">{{ subtitle }}</p>
-      <h2 class="fade-in lg:text-5xl text-4xl font-medium tracking-tight">{{ title }}</h2>
-      <h3 class="mx-auto fade-in text-left lg:text-3xl text-2xl leading-snug font-light tracking-tight ">{{ subtitle_2 }}</h2>
+      <h2 class="fade-in my-4">{{ title }}</h2>
+      <h3 class="mx-auto fade-in">{{ subtitle_2 }}</h2>
       <p class="mt-6 max-w-3xl text-lg font-light">{{ description }}</p>
       {% if description2 %}
       <p class="mt-6 text-lg font-light">{{ description2 }}</p>
diff --git a/templates/shortcodes/text_center.html b/templates/shortcodes/text_center.html
index 1e555d0..1d95139 100644
--- a/templates/shortcodes/text_center.html
+++ b/templates/shortcodes/text_center.html
@@ -8,8 +8,8 @@
     <div class="relative isolate px-4 lg:px-8">
       <div class="mx-auto max-w-4xl">
         <div class="text-left lg:text-center">
-          <h2 class="fade-in text-balance lg:text-5xl text-4xl font-medium tracking-tight ">{{ title }}</h2>
-          <h3 class="fade-in text-balance lg:text-3xl text-2xl font-normal tracking-tight ">{{ subtitle }}</h3>
+          <h2 class="fade-in my-4">{{ title }}</h2>
+          <h3 class="fade-in">{{ subtitle }}</h3>
           <p class="mt-8 lg:text-lg font-light  sm:text-xl/8">{{ description }}</p>
         </div>
     </div>
diff --git a/templates/shortcodes/text_left_img.html b/templates/shortcodes/text_left_img.html
index 5de557f..6b905e8 100644
--- a/templates/shortcodes/text_left_img.html
+++ b/templates/shortcodes/text_left_img.html
@@ -17,7 +17,7 @@
             </div>
             <div class="mx-auto max-w-xl lg:mx-6 lg:flex-auto">
                 <p class="text-base mt-4 font-light tracking-wide">{{ subheader }}</p>
-                <h2 class="fade-in lg:text-5xl text-4xl font-medium tracking-tight ">{{ title }}</h2>
+                <h2 class="fade-in my-4">{{ title }}</h2>
                 <h3 class="font-light lg:text-3xl text-xl">
                     {{ subtitle }}
                 </h3>
diff --git a/templates/shortcodes/text_right_img.html b/templates/shortcodes/text_right_img.html
index 14f9307..dd59f30 100644
--- a/templates/shortcodes/text_right_img.html
+++ b/templates/shortcodes/text_right_img.html
@@ -18,7 +18,7 @@
             </div>
             <div class="mx-auto max-w-xl lg:mx-6 lg:flex-auto">
                 <p class="text-base font-light tracking-wide mt-4">{{ subheader }}</p>
-                <h2 class="fade-in lg:text-5xl text-4xl font-medium tracking-tight ">{{ title }}</h2>
+                <h2 class="fade-in my-4">{{ title }}</h2>
                 <h3 class="font-light lg:text-3xl text-xl">
                     {{ subtitle }}
                 </h3>