From 3a55f13f3276f43ebea03a513bbc583659b90d62 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Mon, 20 Sep 2021 14:22:46 +0200
Subject: [PATCH] updpdate font size

---
 src/assets/scss/main.scss                      |  2 +-
 .../sections/cta-sections/BrandPanel.vue       | 18 +++++++++---------
 .../marketing/sections/cta-sections/Header.vue |  6 +++---
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index 84ff41263..62808834b 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -177,7 +177,7 @@ button:focus {
 }
 
 .text-8xl {
-  font-size: 5rem;
+  font-size: 4rem;
   line-height: 1;
   font-family: "Lato", sans-serif !important;
 }
diff --git a/src/components/marketing/sections/cta-sections/BrandPanel.vue b/src/components/marketing/sections/cta-sections/BrandPanel.vue
index 9e4b1d5c7..3c50d7bac 100644
--- a/src/components/marketing/sections/cta-sections/BrandPanel.vue
+++ b/src/components/marketing/sections/cta-sections/BrandPanel.vue
@@ -394,7 +394,7 @@
       >
         <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none text-left">
           <div class="lg:self-center">
-            <h2 class="text-3xl mb-6 uppercase leading-none font-heading">
+            <h2 class="text-5xl mb-6 uppercase leading-none font-heading">
               <span class="block">{{ brand.title }}</span>
               <span class="block" v-if="brand.subtitle">{{
                 brand.subtitle
@@ -404,7 +404,7 @@
               class="
                 py-6
                 mt-4
-                text-gray-900 text-2xl
+                text-gray-900 text-xl
                 leading-tight
                 tracking-wide
               "
@@ -433,7 +433,7 @@
           </div>
         </div>
         <div class="lg:w-1/2 px-2">
-          <g-image class="mx-auto w-3/4" :src="image" :alt="brand.title" />
+          <g-image class="mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
         </div>
       </div>
 
@@ -442,15 +442,15 @@
         class="flex flex-wrap lg:text-left lg:pt-16 px-4"
       >
         <div class="lg:w-1/2 px-2 self-center">
-          <g-image class="mx-auto" :src="image" :alt="brand.title" />
+          <g-image class="lg:w-3/4" :src="image" :alt="brand.title" />
         </div>
         <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
           <div class="px-10 lg:self-center">
-            <h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
+            <h2 class="lg:text-5xl mb-8 uppercase leading-none font-heading">
               {{ brand.title }}
             </h2>
             <div
-              class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide"
+              class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
               v-html="brand.content"
             ></div>
             <a
@@ -483,11 +483,11 @@
       >
         <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
           <div class="lg:self-center">
-            <h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
+            <h2 class="lg:text-5xl mb-8 uppercase leading-none font-heading">
               {{ brand.title }}
             </h2>
             <div
-              class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide"
+              class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
               v-html="brand.content"
             ></div>
             <a
@@ -513,7 +513,7 @@
           </div>
         </div>
         <div class="lg:w-1/2 px-2 self-center">
-          <g-image :src="image" :alt="brand.title" />
+          <g-image class=" mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
         </div>
       </div>
 
diff --git a/src/components/marketing/sections/cta-sections/Header.vue b/src/components/marketing/sections/cta-sections/Header.vue
index e6576a248..7ceaaf0bd 100644
--- a/src/components/marketing/sections/cta-sections/Header.vue
+++ b/src/components/marketing/sections/cta-sections/Header.vue
@@ -368,15 +368,15 @@
     </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-4 -mx-2"
       v-else-if="id == 'grid'"
     >
       <div class="px-3 lg:mt-5 order-1 lg:order-none mx-auto text-center">
-        <h2 class="lg:text-5xl uppercase mb-6 mt-20 leading-none font-heading">
+        <h2 class="text-8xl uppercase mb-6 mt-20 leading-none font-heading">
           {{ title }}
         </h2>
         <div
-          class="mb-8 text-xl max-w-2xl leading-relaxed"
+          class="mb-8 text-xl max-w-xl mx-auto leading-relaxed"
           v-html="excerpt"
         ></div>