diff --git a/src/components/custom/MarketInfo.vue b/src/components/custom/MarketInfo.vue
index 465150e8a..0bafff568 100644
--- a/src/components/custom/MarketInfo.vue
+++ b/src/components/custom/MarketInfo.vue
@@ -4,16 +4,17 @@
       <h2
         class="
           text-md
-          lg:text-6xl
+          lg:text-5xl
           font-bold
           leading-tight
-          lg:max-w-5xl
+          max-w-2xl
+          inline
         "
       >
         {{ main.title }}
       </h2>
       <div
-        class="my-5 max-w-xl text-lg lg:text-xl mx-auto text-gray-900 sm:mt-4"
+        class="my-5 max-w-3xl text-lg lg:text-xl mx-auto text-gray-900 sm:mt-4"
         v-html="main.content"
       ></div>
     </div>
diff --git a/src/components/custom/sections/Features.vue b/src/components/custom/sections/Features.vue
index 57aefb148..1567bef24 100644
--- a/src/components/custom/sections/Features.vue
+++ b/src/components/custom/sections/Features.vue
@@ -327,7 +327,7 @@
     >
       {{ main.title }}
     </h2>
-    <div class="flex flex-wrap items-center -mx-4 lg:mb-20">
+    <div class="flex flex-wrap items-center lg:-mx-4 lg:mb-20">
       <div
         v-for="(feature, index) in features"
         :key="index"
@@ -359,7 +359,7 @@
     >
       {{ main.subtitle }}
     </p>
-    <div class="flex flex-wrap -mx-4 mb-6">
+    <div class="flex flex-wrap lg:-mx-4 mb-6">
       <div
         v-for="feature in features"
         :key="feature.id"
diff --git a/src/components/marketing/sections/cta-sections/BrandPanel.vue b/src/components/marketing/sections/cta-sections/BrandPanel.vue
index 424a74e90..87a5c3b86 100644
--- a/src/components/marketing/sections/cta-sections/BrandPanel.vue
+++ b/src/components/marketing/sections/cta-sections/BrandPanel.vue
@@ -402,12 +402,12 @@
       <!-- About us -->
       <div
         v-else-if="id == 'mission' && !brandPanel2 && !brandPanel3"
-        class="flex flex-wrap text-left lg:my-10 lg:px-16"
+        class="flex flex-wrap text-left lg:my-10 lg:px-20"
       >
         <div class="lg:w-1/2 px-2 self-center">
           <g-image class="lg:w-2/3 mx-auto" :src="image" :alt="brand.title" />
         </div>
-        <div class="lg:w-1/2 lg:mt-10 order-1 lg:order-none text-left px-4">
+        <div class="lg:w-1/2 lg:mt-10 order-1 lg:order-none lg:text-left text-center px-4">
           <div class="lg:self-center">
             <h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
               <span class="block">{{ brand.title }}</span>
@@ -443,7 +443,7 @@
 
       <div
         v-else-if="id == 'mission' && brandPanel2"
-        class="flex flex-wrap lg:text-left lg:pt-16 px-4 lg:mb-20 lg:px-16"
+        class="flex flex-wrap lg:text-left text-center lg:pt-16 px-4 lg:mb-20 lg:px-20"
       >
         <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
           <div class="lg:self-center">
@@ -487,7 +487,7 @@
 
       <div
         v-else-if="id == 'mission' && brandPanel3"
-        class="flex flex-wrap lg:text-left lg:p-20 px-4"
+        class="flex flex-wrap lg:text-left text-center lg:p-20 px-4"
       >
         <div class="lg:w-1/2 px-2 self-center">
           <g-image class="lg:w-2/3 mx-auto" :src="image" :alt="brand.title" />
@@ -533,7 +533,7 @@
 
       <div
         v-else-if="id == 'grid' && !brandPanel2 && !brandPanel3"
-        class="flex flex-wrap text-left lg:px-16"
+        class="flex flex-wrap text-left lg:px-24"
       >
         <div
           class="
@@ -612,7 +612,7 @@
 
       <div
         v-else-if="id == 'grid' && brandPanel2"
-        class="flex flex-wrap lg:text-left lg:pt-16 lg:px-16"
+        class="flex flex-wrap lg:text-left lg:pt-16 lg:px-24"
       >
         <div class="lg:w-1/2 self-center">
           <g-image class="w-3/4" :src="image" :alt="brand.title" />
@@ -675,7 +675,7 @@
 
       <div
         v-else-if="id == 'grid' && brandPanel3"
-        class="flex flex-wrap lg:text-left lg:pt-16 lg:px-16"
+        class="flex flex-wrap lg:text-left lg:pt-16 lg:px-24"
       >
         <div
           class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:self-center"
@@ -739,7 +739,7 @@
 
       <div
         v-else-if="id == 'grid' && brandPanel4"
-        class="flex flex-wrap lg:text-left lg:pt-16 lg:px-16"
+        class="flex flex-wrap lg:text-left lg:pt-16 lg:px-24"
       >
         <div
           class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:self-center"
@@ -810,8 +810,9 @@
             lg:mt-5
             order-1
             lg:order-none
-            text-left
+            lg:text-left
             lg:self-center
+            text-center
           "
         >
           <div class="px-2">
@@ -834,7 +835,7 @@
 
       <div
         v-else-if="id == 'tft' && brandPanel2"
-        class="flex flex-wrap lg:text-left lg:pt-16 px-4 lg:px-16"
+        class="flex flex-wrap lg:text-left text-center lg:pt-16 px-4 lg:px-16"
       >
         <div class="lg:w-1/2 self-center">
           <g-image class="mx-auto w-3/4" :src="image" :alt="brand.title" />
@@ -876,7 +877,7 @@
 
       <div
         v-else-if="id == 'tft' && brandPanel3"
-        class="flex flex-wrap lg:text-left lg:pt-16 lg:px-16"
+        class="flex flex-wrap lg:text-left text-center lg:pt-16 lg:px-16"
       >
         <div
           class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none lg:self-center"
diff --git a/src/components/marketing/sections/cta-sections/Header.vue b/src/components/marketing/sections/cta-sections/Header.vue
index a765cd6c5..b718f53f6 100644
--- a/src/components/marketing/sections/cta-sections/Header.vue
+++ b/src/components/marketing/sections/cta-sections/Header.vue
@@ -253,11 +253,11 @@
       class="flex flex-wrap text-center lg:text-left lg:pt-10 -mx-2"
       v-if="id == 'tft'"
     >
-      <div class="px-2 lg:mt-10 order-1 lg:order-none mx-auto text-center">
+      <div class="px-2 mt-10 order-1 lg:order-none mx-auto text-center">
         <div class="w-1/2 mx-auto px-2 self-center">
           <g-image :src="img" :alt="altImg" />
         </div>
-        <h2 class="text-8xl uppercase mb-6 mt-20 leading-none font-heading">
+        <h2 class="text-8xl uppercase mb-6 lg:mt-20 leading-none font-heading">
           {{ title }}
         </h2>
         <div class="mb-8 text-xl leading-relaxed" v-html="excerpt"></div>
diff --git a/src/templates/MarkdownPage.vue b/src/templates/MarkdownPage.vue
index ad41572c3..483332151 100644
--- a/src/templates/MarkdownPage.vue
+++ b/src/templates/MarkdownPage.vue
@@ -16,8 +16,7 @@
         :button="$page.markdownPage.button"
         :link="$page.markdownPage.link"
       />
-    </div>
-    <div class="container_tft sm:pxi-0 mx-auto overflow-x-hidden py-5">
+   
       <BrandPanel
         :id="$page.markdownPage.id"
         v-if="
@@ -34,8 +33,7 @@
         "
         :brandPanel2="true"
       />
-    </div>
-    <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
+
       <BrandPanel
         :id="$page.markdownPage.id"
         :brand="$page.markdownPage.brandPanel3"
@@ -115,9 +113,7 @@
         :main="$page.markdownPage.comparisonMain"
         :sections="$page.markdownPage.comparisonSecs"
       /> -->
-    </div>
-
-    <div class="container-fluid sm:pxi-0 mx-auto overflow-visible">
+ 
       <CallToAction
         :id="$page.markdownPage.id"
         v-if="
@@ -126,8 +122,7 @@
         "
         :cta="$page.markdownPage.cta"
       />
-    </div>
-    <div class="container_tft sm:pxi-0 mx-auto overflow-x-hidden py-5">
+ 
       <BrandPanel
         :id="$page.markdownPage.id"
         :brand="$page.markdownPage.brandPanel4"
@@ -136,16 +131,14 @@
         "
         :brandPanel4="true"
       />
-    </div>
-    <div class="container-fluid sm:pxi-0 mx-auto overflow-visible">
+    
       <SplitWithImage
         v-if="$page.markdownPage.tft"
         :id="$page.markdownPage.id"
         :tft="$page.markdownPage.tft"
       />
-    </div>
-    <div class="container_tft sm:pxi-0 mx-auto overflow-x-hidden py-5">
-      <Features
+    
+      <Features class="lg:my-20"
         :id="$page.markdownPage.id"
         v-if="$page.markdownPage.network.length > 0"
         :main="$page.markdownPage.networkMain"
@@ -180,8 +173,7 @@
         v-if="$page.markdownPage.roadmap"
         :roadmap="$page.markdownPage.roadmap"
       />
-    </div>
-    <div class="container-fluid sm:pxi-0 mx-auto overflow-visible">
+   
       <CallToAction
         :id="$page.markdownPage.id"
         v-if="$page.markdownPage.cta2 && $page.markdownPage.id == 'tft'"
@@ -204,7 +196,7 @@
       :src="$page.markdownPage.solution_image.src"
     />
 
-    <div class="container_tft sm:pxi-0 mx-auto py-5 overflow-visible">
+    <div class="container-fluid sm:pxi-0 mx-auto py-5 overflow-visible">
       <ShowcaseProducts
         v-if="
           $page.markdownPage.productData &&