more

src/styles/homepage-b.scss

@@ -119,9 +119,9 @@ section.section-one {
 .arrow-container {
   display: flex;
   flex-direction: row;
-  margin-top: -10px;
+  margin-top: -6px;
   width: 980px;
-  height: 90px;
+  height: 70px;
 }
 
 .arrow-sub-left {
@@ -184,7 +184,7 @@ section.section-one {
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  padding-right: 8px;
+  padding-right: 28px;
   width: 50%;
 }
 
@@ -229,16 +229,6 @@ section.section-one {
   height: 60px;
   border-radius: 20px;
 }
-.upper-testi-text {
-  font-family: Roboto;
-  font-size: 1rem;
-  margin-right: 6px;
-}
-
-.lower-testi-text {
-  margin-top: -4px;
-  margin-left: 15px;
-}
 
 .hero-testi-text {
   display: flex;
@@ -246,6 +236,10 @@ section.section-one {
   width: 520px;
 }
 
+.laptop-image-container {
+  padding-top: 1rem;
+}
+
 .text-block-1 {
   padding: 20px 0px;
 }
@@ -844,6 +838,18 @@ li.nav-item {
   }
 }
 
+@media only screen and (min-width: 1000px) and (max-width: 1200px) {
+  .laptop-image-container {
+    padding-top: 2rem;
+  }
+}
+
+@media only screen and (min-width: 580px) and (max-width: 1080px) {
+  .laptop-image-container {
+    padding-top: 5rem;
+  }
+}
+
 @media only screen and (max-width: 980px) {
   .hero-imgbox {
     width: 820px;