more

src/Components/Home/HomePage.js

@@ -142,6 +142,9 @@ const HomePage = () => {
             <h2 className="section-three-header">
               AI-Powered Legal Drafting Technology{" "}
             </h2>
+            <h2 className="section-three-header-mobile">
+              Novo Drafting Technology
+            </h2>
             <p className="section-three-subhead">
               Created by litigators to give you an edge.
             </p>
@@ -254,6 +257,10 @@ const HomePage = () => {
                 <h6 className="join-heading">
                   Request a demo - let us show you how.
                 </h6>
+                <h6 className="join-heading-mobile">
+                  Revolutionize your practice.
+                </h6>
+                <h6 className="join-heading-mobile">Let us show you how.</h6>
               </div>
               <div className="col-md-6 d-flex">
                 <button className="button-2" onClick={handleDemo}>

src/styles/homepage.scss

@@ -718,6 +718,12 @@ li.nav-item {
   .mobile-lower-header-bottom-down {
     display: none;
   }
+  .join-heading-mobile {
+    display: none;
+  }
+  .section-three-header-mobile {
+    display: none;
+  }
 }
 
 @media only screen and (max-width: 1100px) {
@@ -990,7 +996,27 @@ li.nav-item {
   }
 
   .section-three-header {
-    font-size: 21px;
+    display: none;
+  }
+
+  .section-three-header-box {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: 0.5rem 0rem;
+    padding: 0.3rem;
+  }
+
+  .section-three-header-mobile {
+    font-size: 20px;
+    font-family: Roboto;
+    font-weight: 400;
+    letter-spacing: 0.09px;
+    align-items: center;
+    justify-content: center;
+    margin: 12px auto 12px auto;
+    color: #757575;
+    letter-spacing: 0.13rem;
   }
 
   .section-three-subhead {
@@ -1247,7 +1273,7 @@ li.nav-item {
     justify-content: center;
   }
 
-  .join-heading {
+  .join-heading-mobile {
     width: 250px;
     font-size: 1rem;
     text-align: justify;
@@ -1258,6 +1284,11 @@ li.nav-item {
     margin-left: auto;
     margin-right: auto;
     color: #1f74a7;
+    display: flex;
+  }
+
+  .join-heading {
+    display: none;
   }
 
   button.button-2 {