update size and dots

src/components/custom/HorizontalScroll.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="lg:my-20 flex flex-col mt-5 p-auto lg:px-40">
+  <div class="lg:my-32 flex flex-col mt-5 p-auto lg:px-40">
     <h2 class="flex py-2 mx-auto uppercase font-bold lg:text-6xl">
       {{ team.title }}
     </h2>
     <div
-      class="lg:max-w-6xl text-xl text-center mb-8 mx-auto leading-relaxed"
+      class="lg:max-w-4xl text-xl text-center mb-8 mx-auto leading-relaxed"
       v-html="team.content"
     ></div>
     <div class="flex overflow-x-scroll pb-10 scrollable">

src/components/marketing/sections/cta-sections/BrandPanel.vue

@@ -327,7 +327,7 @@
 
       <div
         v-else-if="id == 'home' && brandPanel3"
-        class="flex flex-wrap lg:text-left text-center lg:pt-16 lg:px-16"
+        class="flex flex-wrap lg:text-left text-center lg:py-20 lg:px-16"
       >
         <div class="lg:w-1/2 lg:px-20 order-1 lg:order-none lg:self-center">
           <div class="text-center">

src/components/marketing/sections/cta-sections/Header.vue

@@ -318,7 +318,7 @@
     </div>
 
     <div
-      class="flex flex-wrap text-center lg:text-left lg:pt-10 -mx-2"
+      class="flex flex-wrap text-center lg:text-left lg:pt-10 lg:pb-10 -mx-2"
       v-else-if="id == 'home'"
     >
       <div class="px-3 lg:mt-5 order-1 lg:order-none mx-auto text-center">

src/components/marketing/sections/cta-sections/logoShowcase.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="py-10 pb-8 px-4 text-center">
+  <section class="lg:py-20 pb-8 px-4 text-center">
     <div class="mx-auto mb-4" v-if="main">
       <h2
         class="lg:text-6xl uppercase leading-tight mb-0 font-light"