diff --git a/src/layouts/index.html b/src/layouts/index.html
index 999a6f5..9317f8a 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -51,8 +51,8 @@
       </div>
     </div>
     <div class="row">
-      <div class="col-6">
-        <p class="lead" style="margin-top:8px; margin-bottom: -9px;">The revolution is here. We’re calling on all open-source devs to authenticate their Github with tea.</p>
+      <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
+        <p class="lead hero-subhead" style="margin-top:8px; margin-bottom: -9px;">The revolution is here. We’re calling on all open-source devs to authenticate their Github with tea.</p>
       </div>
     </div>
   </div>
diff --git a/src/static/css/homepage.css b/src/static/css/homepage.css
index 8529a13..f497edc 100644
--- a/src/static/css/homepage.css
+++ b/src/static/css/homepage.css
@@ -81,7 +81,9 @@ hr{
 
 @media only screen and (max-width: 576px) {
 
-  
+  .hero-subhead{
+    width: 100%;
+  }
 
 }