Merge pull request #189 from kjannette/home4

Home4

src/Components/Home/HomePageB.js

@@ -411,9 +411,7 @@ const HomePageB = () => {
           <h2 className="section-three-header">
             AI-Enhanced Legal Drafting Technology{" "}
           </h2>
-          <h2 className="section-three-header-mobile">
-            Novo Drafting Technology
-          </h2>
+
           <p className="section-three-subhead"></p>
         </div>
         <div className="card-section-container">

src/styles/homepage-b.scss

@@ -99,7 +99,7 @@ section.section-one {
 }
 
 .hero-text-box {
-  width: 100%;
+  width: 360px;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -902,7 +902,7 @@ li.nav-item {
 
 @media only screen and (max-width: 498px) {
   .homepage-container {
-    width: 392px;
+    width: 380px;
   }
 
   ul.navbar-nav {
@@ -925,6 +925,16 @@ li.nav-item {
     color: #fff;
   }
 
+  .hero-middle-header {
+    font-size: 1.8rem;
+    text-align: center;
+    color: #000;
+    font-family: Roboto;
+    font-size: 1.8rem;
+    font-weight: 500;
+    line-height: 1.2;
+  }
+
   .hero-imgbox {
     display: flex;
     flex-direction: column;
@@ -942,6 +952,39 @@ li.nav-item {
   .hero-button-box {
     display: flex;
     flex-direction: column;
+    align-items: center;
+  }
+
+  .hero-testi-box {
+    flex-direction: column;
+  }
+
+  .hero-text {
+    margin-top: 16px;
+    width: 350px;
+    font-size: 1.2rem;
+  }
+
+  .hero-text-box {
+    margin-top: 12px;
+  }
+
+  .hero-testi-left {
+    display: none;
+  }
+
+  .hero-testi-right {
+    align-items: unset;
+    justify-content: unset;
+    margin: unset;
+    padding-left: 0px;
+    padding-top: 0px;
+    width: 360px;
+    width: 100%;
+  }
+
+  .arrow-container {
+    display: none;
   }
 
   .mobile-sw-deck {
@@ -962,10 +1005,18 @@ li.nav-item {
     margin-top: 58px;
   }
 
+  .hero-texti-face {
+    height: 45px;
+  }
   .ex-arca-two {
     color: white;
     line-height: 1.2;
   }
+
+  .hero-testi-box {
+    width: 360px;
+  }
+
   .mobile-sw-reptwo {
     height: 140px;
     padding-top: 51px;
@@ -986,6 +1037,13 @@ li.nav-item {
     margin-left: -24px;
   }
 
+  .hero-testi-face {
+    height: unset;
+    width: 338px;
+    border-radius: 20px;
+    margin-top: 45px;
+  }
+
   .first-section-subcontainer {
     width: 100%;
     padding-top: 4px;
@@ -1017,16 +1075,8 @@ li.nav-item {
   }
 
   .section-one {
-    max-height: 480px;
     display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-right: auto;
-    margin-left: auto;
-    background-position: center;
-    background-repeat: no-repeat;
     background-size: cover;
-    margin-top: 28px;
   }
 
   .section-2 {
@@ -1431,16 +1481,14 @@ li.nav-item {
   }
 
   button.button-2 {
-    width: 238px;
+    width: 328px;
     height: 46px;
-    flex-shrink: 0;
     background: #4675c3;
-    border: 0;
     color: #fff;
     text-align: center;
     font-family: Roboto;
     font-size: 16px;
-    font-style: normal;
+
     font-weight: 400;
     line-height: normal;
     text-transform: capitalize;