Merge branch 'development_new' of github.com:threefoldfoundation/www_threefold_io into development_new

src/components/custom/sections/CallToAction.vue

@@ -787,14 +787,14 @@
       </h2>
       <div
         v-html="cta.content"
-        class="mt-6 mb-8 max-w-3xl mx-auto lg:text-2xl text-gray-800"
+        class="mt-6 mb-8 max-w-3xl mx-auto lg:text-xl text-gray-800"
       ></div>
       <g-image :src="cta.image" class="mx-auto w-full my-10" />
       <a
         class="
           inline-block
           bg-white
-          text-lg
+          lg:text-lg
           learn-button
           hover:bg-gray-400
           px-12
@@ -814,7 +814,7 @@
         class="
           inline-block
           bg-white
-          text-lg
+          lg:text-lg
           learn-button
           hover:bg-gray-400
           px-12

src/components/custom/sections/Features.vue

@@ -316,13 +316,13 @@
   <section class="py-24 px-4 text-center" v-else-if="id == 'token'">
     <h2
       class="
-        text-4xl
-        lg:max-w-sm
+        text-5xl
         mx-auto
         leading-tight
         mb-6
         font-bold font-heading
         uppercase
+        lg:max-w-2xl
       "
     >
       {{ main.title }}