diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index fed7a0267..555a26d7c 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -11,6 +11,11 @@ blockquote {
     }
 }
 
+
+body {
+    font-family: 'Lato', sans-serif;
+}
+
 body h2 {
     font-family: 'Lato', sans-serif;
 }
diff --git a/src/components/AppListItem.vue b/src/components/AppListItem.vue
index 8ee49f1cd..c80437351 100644
--- a/src/components/AppListItem.vue
+++ b/src/components/AppListItem.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="flex flex-wrap with-large pt-8 pb-8 mx-4 sm:-mx-4">
     <div class="text-center mx-auto my-4">
-      <h1 class="text-3xl text-gray-900 font-light sm:text-9xl sm:leading-10">
+      <h1 class="text-4xl text-gray-900 font-light sm:text-9xl sm:leading-10">
         {{ main.title }} <span class="font-extrabold">{{ main.slogan }}</span>
       </h1>
       <div
-        class="mt-3 max-w-2xl mx-auto text-lg leading-7 text-gray-700 sm:mt-4"
+        class="mt-3 max-w-2xl mx-auto text-gray-600 sm:mt-4"
         v-html="main.content"
       ></div>
     </div>
diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index d42838a94..c407facd0 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/src/components/custom/sections/CallToAction.vue
@@ -14,7 +14,7 @@
       </span>
       <div
         v-html="cta.content"
-        class="mb-8 mt-10 text-center text-lg text-gray-800"
+        class="mt-6 mb-8 text-gray-600"
       ></div>
       <div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
         <a
@@ -46,13 +46,13 @@
     <div class="w-full max-w-7xl mx-auto" v-else>
       <h2
         v-if="cta.title"
-        class="text-4xl mb-2 leading-tight font-semibold font-heading"
+        class="text-4xl mb-2 uppercase leading-tight font-semibold font-heading"
       >
         {{ cta.title }}
       </h2>
       <div
         v-html="cta.content"
-        class="mt-6 mb-8 text-lg text-gray-700 leading-relaxed"
+        class="mt-6 mb-8 text-gray-600"
       ></div>
       <div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
         <a
diff --git a/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue b/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
index a0295896f..4c37348a9 100644
--- a/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
+++ b/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
@@ -9,7 +9,7 @@
       </h2>
       <p
         v-if="main !== null && main.subtitle"
-        class="mb-6 text-m tracking-widest text-gray-800"
+        class="mb-6 text-gray-600"
       >
         {{ main.subtitle }}
       </p>
@@ -29,7 +29,7 @@
         <div class="px-2 py-2">
           <g-image class="py-4" :src="img(product.image)" />
           <div class="font-bold text-xl mb-2">{{ product.title }}</div>
-          <div v-html="product.content" class="text-gray-700 text-base"></div>
+          <div v-html="product.content" class="text-gray-600"></div>
         </div>
       </a>
     </div>
diff --git a/src/components/marketing/sections/cta-sections/ShowcaseProductsHome.vue b/src/components/marketing/sections/cta-sections/ShowcaseProductsHome.vue
index b3d07f9a4..6f6d4f491 100644
--- a/src/components/marketing/sections/cta-sections/ShowcaseProductsHome.vue
+++ b/src/components/marketing/sections/cta-sections/ShowcaseProductsHome.vue
@@ -23,7 +23,7 @@
         <div class="px-2 py-2">
           <g-image class="py-4" :src="img(product.image)" />
           <!-- <div class="font-bold text-xl mb-2">{{ product.title }}</div> -->
-          <div v-html="product.content" class="text-gray-700 text-base"></div>
+          <div v-html="product.content" class="text-gray-600"></div>
         </div>
       </a>
     </div>
diff --git a/src/components/marketing/sections/team-sections/grid_with_large_round_images.vue b/src/components/marketing/sections/team-sections/grid_with_large_round_images.vue
index 498d1f394..b9e95706c 100644
--- a/src/components/marketing/sections/team-sections/grid_with_large_round_images.vue
+++ b/src/components/marketing/sections/team-sections/grid_with_large_round_images.vue
@@ -8,7 +8,7 @@
           {{ main.title }} <span class="font-extrabold">{{ main.slogan }}</span>
         </h1>
         <div
-          class="mt-3 max-w-2xl mx-auto text-xl leading-7 text-gray-700 sm:mt-4"
+          class="mt-3 max-w-2xl mx-auto text-gray-600 sm:mt-4"
           v-html="main.content"
         ></div>
       </div>
@@ -29,7 +29,7 @@
             <div class="text-lg leading-6 font-medium space-y-1">
               <h4>{{ partnership.title }}</h4>
               <div
-                class="text-base text-gray-700"
+                class="text-base text-gray-600"
                 v-html="partnership.content"
               ></div>
             </div>
diff --git a/src/index.html b/src/index.html
index 3cd52bb46..cbb5dc3dc 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3,8 +3,7 @@
 
 <head>
     ${head}
-    <link rel="preconnect" href="https://fonts.gstatic.com" />
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet" />
+    
     <link rel="preconnect" href="https://fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css2?family=Lato&family=Nunito:wght@700&display=swap" rel="stylesheet">