diff --git a/client/src/components/layouts/global.css b/client/src/components/layouts/global.css
index f76c4894d0..75bf21380b 100644
--- a/client/src/components/layouts/global.css
+++ b/client/src/components/layouts/global.css
@@ -10,7 +10,7 @@ body {
 
 .btn-cta-big {
   max-height: 100%;
-  font-size: 27px;
+  font-size: 1rem;
   white-space: normal;
   width: 100%;
 }
@@ -28,21 +28,21 @@ h1 {
   font-weight: 700;
   font-size: 1.5rem;
   font-family: 'Roboto Mono', monospace;
-  margin: 1.2rem 0 1.2rem;
+  margin: 0.6rem 0;
 }
 h2 {
   color: var(--secondary-color);
   font-weight: 700;
-  font-size: 1.2rem;
+  font-size: 1.25rem;
   font-family: 'Roboto Mono', monospace;
-  margin: 1.2rem 0 1.2rem;
+  margin: 0.6rem 0;
 }
 h3 {
   color: var(--secondary-color);
   font-weight: 700;
   font-size: 1.1rem;
   font-family: 'Roboto Mono', monospace;
-  margin: 0 0 1.2rem;
+  margin: 0 0 0.6rem;
 }
 
 h4,
@@ -63,12 +63,12 @@ p {
 }
 
 .big-heading {
-  font-size: 2.5rem !important;
+  font-size: 1.5rem !important;
   overflow-wrap: break-word;
 }
 
 .medium-heading {
-  font-size: 1.5rem !important;
+  font-size: 1.25rem !important;
   font-weight: normal;
 }
 
@@ -78,22 +78,22 @@ p {
 
 @media (max-width: 500px) {
   .big-heading {
-    font-size: 1.6rem !important;
+    font-size: 1.2rem !important;
   }
   .medium-heading {
-    font-size: 1.4rem !important;
+    font-size: 1.1rem !important;
   }
   h1 {
-    font-size: 1.2rem;
+    font-size: 1.3rem;
   }
   h2 {
-    font-size: 1.1rem;
+    font-size: 1.2rem;
   }
   h3 {
-    font-size: 1rem;
+    font-size: 1.1rem;
   }
   .btn-cta {
-    font-size: 1.2rem;
+    font-size: 1rem;
   }
 }