fix

src/components/custom/Navbar/Navbar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fixed inset-0 h-16 bg-white">
+  <div class="fixed inset-0 h-20 bg-white">
     <header
       class="
         inline-flex
@@ -8,16 +8,17 @@
         flex-wrap
         container-fluid
         mx-auto
-        px-
+        py-2
         sm:px-0
         transition-all transition-500
+        
       "
       :class="{
         'opacity-100': !disableScroll && scrollPosition > headerHeight,
         'opacity-0': !disableScroll && scrollPosition < headerHeight,
       }"
     >
-      <div class="flex items-center justify-between px-4 lg:py-3 sm:p-0">
+      <div class="flex items-center justify-between px-4 sm:p-0">
         <div class="inline-flex items-center flex-shrink-0">
           <a href="/">
             <g-image

src/components/custom/sections/CallToAction.vue

@@ -54,7 +54,7 @@
         class="
           inline-block
           bg-white
-          text-xl
+          text-lg
           learn-button
           hover:bg-gray-400
           px-12
@@ -75,7 +75,7 @@
         class="
           inline-block
           bg-white
-          text-xl
+          text-lg
           learn-button
           hover:bg-gray-400
           px-12
@@ -666,7 +666,7 @@
 
     <!-- grid -->
     <div class="w-full max-w-3xl mx-auto py-12" v-else-if="id == 'grid'">
-      <g-image :src="cta.image" class="mx-auto lg:w-80 my-10" />
+      <g-image :src="cta.image" class="mx-auto lg:w-1/3 my-10" />
       <h2
         v-if="cta.title"
         class="
@@ -682,7 +682,7 @@
       </h2>
       <div
         v-html="cta.content"
-        class="mt-6 mb-8 lg:text-2xl text-gray-800"
+        class="mt-6 mb-8 lg:text-xl text-gray-800"
       ></div>
       <a
         class="