Fixed headers in the home page

assets/scss/_custom.scss

@@ -90,6 +90,7 @@ body {
   font-feature-settings: "calt" 1, "frac" 1, "case" 1, "ccmp" 1, "ss01" 1,
     "ss02" 1, "ss03" 1, "zero" 1;
   overflow-y: scroll;
+  color: $gray-800;
 }
 
 @supports (font-variation-settings: normal) {
@@ -277,6 +278,13 @@ nav .nav-link {
   }
 }
 
+.custom-text {
+  font-size: 1rem;
+  font-weight: 500;
+  letter-spacing: 0.150em;
+  line-height: 1.2;
+}
+
 .dim {
   opacity: 0.5;
 }

layouts/index.html

@@ -2,7 +2,7 @@
 <main>
     <div class="container-fluid py-5">
         <div class="container">
-            <h2 class="text-center text-uppercase">Clients</h2>
+            <h2 class="text-center text-uppercase custom-text">Clients</h2>
             <div class="row justify-content-between align-items-center">
                 {{ range where (where .Site.RegularPages "Type" "clients") "Params.home" true }}
                 <div class="col-xl-2 col-lg-4 col-6 text-center">
@@ -13,7 +13,7 @@
 
             <hr />
 
-            <h3 class="pt-3 text-xl-start text-center text-uppercase">Featured Case Studies</h3>
+            <h3 class="pt-3 text-xl-start text-center text-uppercase custom-text">Featured Case Studies</h3>
 
             <div class="row pt-3 pb-3">
                 {{ range first 2 (where .Site.RegularPages "Type" "work") }}