diff --git a/website/src/pages/styles.module.css b/website/src/pages/styles.module.css
index 07d2428ae9..47dff836d6 100644
--- a/website/src/pages/styles.module.css
+++ b/website/src/pages/styles.module.css
@@ -58,18 +58,29 @@
   display: flex;
   flex-direction: column;
   align-items: center;
+  overflow: hidden;
 }
 
 .topBannerTitle {
   font-size: 54px;
   font-weight: bold;
   margin-bottom: 0.4rem;
-}
 
-@media only screen and (max-width: 768px) {
-  .topBannerTitle {
+  @media only screen and (max-width: 768px) {
     font-size: 40px;
   }
+  @media only screen and (max-width: 768px) {
+    font-size: 40px;
+  }
+  @media only screen and (max-width: 450px) {
+    font-size: 32px;
+  }
+  @media only screen and (max-width: 350px) {
+    font-size: 24px;
+  }
+  @media only screen and (max-width: 250px) {
+    font-size: 16px;
+  }
 }
 
 .topBannerTitleText {