From 118f98e1d81497655f6c2af87371a88514be6444 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Sun, 19 Sep 2021 16:58:55 +0200
Subject: [PATCH] update grid css

---
 src/components/custom/sections/CallToAction.vue        | 10 +++++-----
 .../marketing/sections/cta-sections/BrandPanel.vue     |  6 +++---
 .../marketing/sections/cta-sections/Header.vue         | 10 +++++-----
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index 5656f473c..78da2cb81 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/src/components/custom/sections/CallToAction.vue
@@ -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 w-1/2 my-5" />
+      <g-image :src="cta.image" class="mx-auto lg:w-80 my-10" />
       <h2
         v-if="cta.title"
         class="
@@ -688,7 +688,7 @@
         class="
           inline-block
           bg-white
-          text-sm
+          text-lg
           learn-button
           hover:bg-gray-400
           px-12
@@ -708,7 +708,7 @@
         class="
           inline-block
           bg-white
-          text-sm
+          text-lg
           learn-button
           hover:bg-gray-400
           px-12
@@ -728,7 +728,7 @@
         class="
           inline-block
           bg-white
-          text-sm
+          text-lg
           learn-button
           hover:bg-gray-400
           px-12
@@ -748,7 +748,7 @@
         class="
           inline-block
           bg-white
-          text-sm
+          text-lg
           learn-button
           hover:bg-gray-400
           px-12
diff --git a/src/components/marketing/sections/cta-sections/BrandPanel.vue b/src/components/marketing/sections/cta-sections/BrandPanel.vue
index 7793b238e..1106abd77 100644
--- a/src/components/marketing/sections/cta-sections/BrandPanel.vue
+++ b/src/components/marketing/sections/cta-sections/BrandPanel.vue
@@ -417,7 +417,7 @@
               class="
                 inline-block
                 bg-white
-                text-sm
+                text-lg
                 learn-button
                 hover:bg-gray-400
                 px-12
@@ -460,7 +460,7 @@
               class="
                 inline-block
                 bg-white
-                text-sm
+                text-lg
                 learn-button
                 hover:bg-gray-400
                 px-12
@@ -497,7 +497,7 @@
               class="
                 inline-block
                 bg-white
-                text-sm
+                text-lg
                 learn-button
                 hover:bg-gray-400
                 px-12
diff --git a/src/components/marketing/sections/cta-sections/Header.vue b/src/components/marketing/sections/cta-sections/Header.vue
index 43f9c65e6..71f2c88d3 100644
--- a/src/components/marketing/sections/cta-sections/Header.vue
+++ b/src/components/marketing/sections/cta-sections/Header.vue
@@ -105,8 +105,8 @@
             mb-6
             mt-10
             leading-none
-            text-6xl
-            font-extrabold font-heading
+            text-8xl
+            font-heading
           "
         >
           {{ title }}
@@ -376,7 +376,7 @@
           {{ title }}
         </h2>
         <div
-          class="mb-8 text-lg max-w-2xl leading-relaxed"
+          class="mb-8 text-xl max-w-2xl leading-relaxed"
           v-html="excerpt"
         ></div>
 
@@ -386,7 +386,7 @@
           class="
             inline-block
             bg-white
-            text-sm
+            text-lg
             learn-button
             hover:bg-gray-400
             px-12
@@ -405,7 +405,7 @@
           class="
             inline-block
             bg-white
-            text-sm
+            text-lg
             learn-button
             hover:bg-gray-400
             px-12