From 8a10be81bc0bdebdb38db176d62abd92831cbdf9 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Mon, 5 Apr 2021 16:07:46 +0200
Subject: [PATCH] fix header style

---
 .../marketing/sections/cta-sections/Header.vue         | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/marketing/sections/cta-sections/Header.vue b/src/components/marketing/sections/cta-sections/Header.vue
index f82376e34..e3b78d584 100644
--- a/src/components/marketing/sections/cta-sections/Header.vue
+++ b/src/components/marketing/sections/cta-sections/Header.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="py-15 mb-10 px-4 lg:mx-40">
     <div
-      class="flex flex-wrap text-center lg:mt-20 pb-20 lg:text-left -mx-2"
+      class="flex flex-wrap text-center items-center lg:mt-20 pb-20 lg:text-left -mx-2"
       v-if="id == 'why'"
     >
       <div class="lg:w-1/2 px-2"><g-image :src="img" :alt="altImg" /></div>
@@ -41,16 +41,16 @@
     </div>
 
     <div
-      class="flex flex-wrap text-center lg:text-left lg:mt-10 lg:pt-10 -mx-2"
+      class="flex flex-wrap text-center items-center lg:text-left lg:mt-4 -mx-2"
       v-else-if="id == 'token'"
     >
-      <div class="lg:w-1/2 px-2 lg:pr-20 lg:mt-10 order-1 lg:order-none">
+      <div class="lg:w-1/2 px-2 lg:pr-10 lg:mt-10 order-1 lg:order-none">
         <h1
           v-if="id == 'token'"
-          class="text-4xl text-center mb-6 mt-20 leading-none font-normal font-heading"
+          class="text-center uppercase mb-6 mt-10 leading-none text-5xl font-light font-heading"
         >
           {{ title }} <br />
-          <span class="font-bold">{{ slogan }}</span>
+          <span class="text-center uppercase mb-6 leading-none text-6xl font-black font-heading">{{ slogan }}</span>
         </h1>
         <div
           class="mb-8 text-center text-gray-700 leading-relaxed"