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

src/assets/scss/main.scss

@@ -34,7 +34,7 @@ h1, h2 {
 
 .tft_section h1{
   font-family: 'Oswald', sans-serif !important;
-  font-size: 6rem;
+  font-size: 5rem;
 }
 
 .tft_section h2{
@@ -206,6 +206,16 @@ text-5xl {
   }
 }
 
+@media (max-width: 480px) {
+
+  .tft_section h1{
+    font-size: 4rem;
+  }
+  .tft_section h2{
+    font-size: 3rem;
+  }
+}
+
 @media (min-width: 768px) {
   .with-large > .flex-post:nth-child(5n),
   .with-large > .flex-post:nth-child(5n-1) {

src/components/custom/Slider.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="my-20 tft_section">
+  <div class="my-20 tft_section px-10">
     <div v-if="main" class="text-center mx-2">
       <h2 class="text-8xl uppercase leading-none font-heading my-0">{{ main.title }}</h2>
       <h2 v-if="main.subtitle" class="text-8xl uppercase leading-none font-heading mt-0">{{ main.subtitle }}</h2>

src/components/marketing/sections/cta-sections/Header.vue

@@ -166,9 +166,9 @@
       v-else-if="id == 'tft'"
     >
       <div class="lg:w-1/2 px-2 lg:pr-20 lg:mt-10 order-1 lg:order-none text-center">
-        <h2 class="text-8xl mb-6 mt-20 leading-none font-heading">
+        <h1 class="text-8xl mb-6 mt-20 leading-none font-heading">
           {{ title }}
-        </h2>
+        </h1>
         <div class="mb-8 text-gray-800 text-3xl tft_subtitle" v-html="excerpt"></div>
         <div v-if="button">
           <a

src/components/marketing/sections/team-sections/with_large_images.vue

@@ -22,7 +22,7 @@
           lg:gap-x-8
         "
       >
-        <div v-for="(section, index) in sections" :key="index" class="p-6">
+        <div v-for="(section, index) in sections" :key="index" class="p-5">
           <div class="leading-6">
             <h1 class="text-9xl font-bold uppercase mt-0" v-if="section.title">
               {{ section.title }}