From 0796b2c85e29c04e4e34e11a90d655fe1ffdbbb0 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Mon, 4 Oct 2021 15:17:03 +0200
Subject: [PATCH] update header and about aus page

---
 content/page/about-us/brandPanel2/index.md             |  2 +-
 .../marketing/sections/cta-sections/Header.vue         | 10 ++++++----
 src/components/marketing/sections/cta-sections/Map.vue |  6 +++---
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/content/page/about-us/brandPanel2/index.md b/content/page/about-us/brandPanel2/index.md
index 9ff527613..4462a47bd 100644
--- a/content/page/about-us/brandPanel2/index.md
+++ b/content/page/about-us/brandPanel2/index.md
@@ -1,6 +1,6 @@
 ---
 id: about_brandPanel2
-title: EMPOWERING DATA OWNERHSIP FOR ALL
+title: EMPOWERING DATA ownership FOR ALL
 image: about_logos_big.png # src/assets/brandPanel/..
 ---
 Using a variety of innovative technologies including autonomous IT, blockchain and peer-to-peer networking, we allow people to own 100% of their data. On our system censorship, user tracking and privacy breaches are just not possible, not even for ThreeFold. People own 100% of their data. All our code is open source and available for everyone to review or use as they see fit.
diff --git a/src/components/marketing/sections/cta-sections/Header.vue b/src/components/marketing/sections/cta-sections/Header.vue
index 7991f56d4..87ffd3d24 100644
--- a/src/components/marketing/sections/cta-sections/Header.vue
+++ b/src/components/marketing/sections/cta-sections/Header.vue
@@ -324,7 +324,7 @@
       <div class="px-3 lg:mt-5 order-1 lg:order-none mx-auto text-center">
         <h2
           class="
-            text-8xl
+            lg:text-6xl
             font-light
             uppercase
             mb-6
@@ -337,7 +337,7 @@
           <span class="block leading-none font-bold">{{ title2 }}</span>
         </h2>
 
-        <h3 class="text-5xl leading-none font-light">{{ slogan }}</h3>
+        <h3 class="text-4xl leading-none font-light">{{ slogan }}</h3>
         <div class="mb-8 mx-auto text-xl max-w-2xl" v-html="excerpt"></div>
 
         <a
@@ -346,7 +346,7 @@
           class="
             inline-block
             bg-white
-            text-lg
+            lg:text-lg
             learn-button
             hover:bg-gray-400
             px-12
@@ -356,6 +356,7 @@
             border-2
             shadow
             border-black
+            capitalize
           "
           :href="link"
           >{{ button }}</a
@@ -365,7 +366,7 @@
           class="
             inline-block
             bg-white
-            text-lg
+            lg:text-lg
             learn-button
             hover:bg-gray-400
             px-12
@@ -375,6 +376,7 @@
             border-2
             shadow
             border-black
+            capitalize
           "
           :href="link"
           >{{ button }}</a
diff --git a/src/components/marketing/sections/cta-sections/Map.vue b/src/components/marketing/sections/cta-sections/Map.vue
index 671d98138..a9fe4ec1a 100644
--- a/src/components/marketing/sections/cta-sections/Map.vue
+++ b/src/components/marketing/sections/cta-sections/Map.vue
@@ -5,16 +5,16 @@
   >
     <div class="flex flex-wrap lg:p-12 text-center -mx-auto">
       <div class="text-center rounded lg:px-6 mt-10 lg:mt-0 mx-auto">
-        <h2
+        <h3
           class="
-            text-3xl text-black
+            text-4xl text-black
             leading-tight
             font-light font-heading
             uppercase
           "
         >
           {{ section.title }}
-        </h2>
+        </h3>
         <h2
           class="
             lg:text-6xl