diff --git a/src/Components/Home/HomePage.js b/src/Components/Home/HomePage.js
index d111823..e8a3107 100644
--- a/src/Components/Home/HomePage.js
+++ b/src/Components/Home/HomePage.js
@@ -228,8 +228,10 @@ const HomePage = () => {
                   <h4 className="heading-6-mobile">We're here to answer!</h4>
                 </div>
                 <h6 className="join-heading">
-                  Let us show you how Novodraft will revolutionize your
-                  practice. Request a demo - join our satisfied Novodrafters.
+                  Novodraft will revolutionize your practice.
+                </h6>
+                <h6 className="join-heading">
+                  Request a demo - let us show you how.
                 </h6>
               </div>
               <div className="col-md-6 d-flex">
diff --git a/src/styles/homepage.scss b/src/styles/homepage.scss
index d875eb3..9972c33 100644
--- a/src/styles/homepage.scss
+++ b/src/styles/homepage.scss
@@ -508,7 +508,7 @@ h4.heading-6 {
   text-transform: capitalize;
   margin-bottom: 18px;
   margin-top: 6px;
-  color: #1f74a7;
+  color: #006aa9;
 }
 
 h6.heading-7 {
@@ -527,7 +527,8 @@ h6.heading-7 {
   font-size: 1.1rem;
   font-weight: 400;
   width: 520px;
-  color: #1f74a7;
+  color: #006aa9;
+  margin-bottom: 0.35rem !important;
 }
 
 .d-flex.div-block-3 {
@@ -698,6 +699,12 @@ li.nav-item {
   padding: 0 19px;
 }
 
+@media only screen and (max-width: 1100px) {
+  .join-heading {
+    width: 370px;
+  }
+}
+
 @media only screen and (max-width: 430px) {
   ul.navbar-nav {
     margin-left: auto;