More

src/styles/homepage-b.scss

@@ -84,7 +84,7 @@ section.section-one {
 .hero-imgbox {
   background-image: url("../Assets/Images/opac_butta.png") no-repeat;
   height: 700px;
-  width: 1160px;
+  width: 1360px;
   z-index: 1;
 }
 
@@ -99,13 +99,14 @@ section.section-one {
 
 .hero-text {
   text-align: center;
-  width: 650px;
+  width: 750px;
   font-size: 1.5rem;
   color: #000;
 }
 
 .hero-button-box {
   margin-top: 60px;
+  padding-left: 8px;
   width: 100%;
   height: 160px;
 }
@@ -286,7 +287,7 @@ img.img-1 {
 .section-3 {
   min-height: 680px;
   font-family: Roboto;
-  background-color: rgb(240, 247, 250);
+  background-color: #e2fffe;
   margin: 20px 0px 30px 0px;
 }
 
@@ -733,6 +734,18 @@ li.nav-item {
   padding: 0 19px;
 }
 
+@media only screen and (min-width: 1100px) and (max-width: 1250px) {
+  .hero-imgbox {
+    width: 1080px;
+  }
+}
+
+@media only screen and (max-width: 980px) {
+  .hero-imgbox {
+    width: 820px;
+  }
+}
+
 @media only screen and (min-width: 498px) {
   .mobile-lower-header-1 {
     display: none;