update header and about aus page

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.

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

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