diff --git a/assets/css/responsiveness.css b/assets/css/responsiveness.css
index 0e47e3b..3231ce9 100644
--- a/assets/css/responsiveness.css
+++ b/assets/css/responsiveness.css
@@ -22,21 +22,6 @@
     display: flex;
     gap: 2rem;
   }
-  .banner::before {
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    height: 160vh;
-    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(29, 29, 29, 0.6)),
-      url("../images/child-hands-holding-caring-young-green-plant.webp");
-    background-size: cover;
-    background-repeat: repeat;
-    background-attachment: fixed;
-    z-index: -1;
-  }
 }
 
 @media only screen and (min-width: 600px) and (max-width: 650px) {
@@ -57,21 +42,6 @@
   .socialmediaName {
     font-size: 8px;
   }
-  .banner::before {
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    height: 160vh;
-    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(29, 29, 29, 0.6)),
-      url("../images/child-hands-holding-caring-young-green-plant.webp");
-    background-size: cover;
-    background-repeat: repeat;
-    background-attachment: fixed;
-    z-index: -1;
-  }
 }
 
 @media only screen and (min-width: 500px) and (max-width: 600px) {
@@ -92,21 +62,6 @@
   .socialmediaName {
     font-size: 0.8rem;
   }
-  .banner::before {
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    height: 160vh;
-    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(29, 29, 29, 0.6)),
-      url("../images/child-hands-holding-caring-young-green-plant.webp");
-    background-size: cover;
-    background-repeat: repeat;
-    background-attachment: fixed;
-    z-index: -1;
-  }
 }
 
 @media only screen and (min-width: 400px) and (max-width: 500px) {
@@ -188,21 +143,6 @@
   .imgWrapper i {
     margin-right: 0px;
   }
-  .banner::before {
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    height: 190vh;
-    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(29, 29, 29, 0.6)),
-      url("../images/child-hands-holding-caring-young-green-plant.webp");
-    background-size: cover;
-    background-repeat: repeat;
-    background-attachment: fixed;
-    z-index: -1;
-  }
 }
 
 @media only screen and (min-width: 400px) and (max-width: 440px) {
@@ -212,21 +152,6 @@
   .social_medias {
     gap: 20px;
   }
-  .banner::before {
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    height: 160vh;
-    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(29, 29, 29, 0.6)),
-      url("../images/child-hands-holding-caring-young-green-plant.webp");
-    background-size: cover;
-    background-repeat: repeat;
-    background-attachment: fixed;
-    z-index: -1;
-  }
 }
 
 @media only screen and (min-width: 300px) and (max-width: 399px) {
@@ -307,21 +232,6 @@
   .imgWrapper i {
     margin-right: 0px;
   }
-  .banner::before {
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    height: 190vh;
-    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(29, 29, 29, 0.6)),
-      url("../images/child-hands-holding-caring-young-green-plant.webp");
-    background-size: cover;
-    background-repeat: repeat;
-    background-attachment: fixed;
-    z-index: -1;
-  }
 }
 
 @media only screen and (min-width: 250px) and (max-width: 299px) {
@@ -388,21 +298,6 @@
     /* gap: 3rem; */
     width: 100%;
   }
-  .banner::before {
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    height: 190vh;
-    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(29, 29, 29, 0.6)),
-      url("../images/child-hands-holding-caring-young-green-plant.webp");
-    background-size: cover;
-    background-repeat: repeat;
-    background-attachment: fixed;
-    z-index: -1;
-  }
 }
 
 .MenuBar {
@@ -413,21 +308,6 @@
   nav .nav_buttons {
     width: 45%;
   }
-  .banner::before {
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    height: 130vh;
-    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(29, 29, 29, 0.6)),
-      url("../images/child-hands-holding-caring-young-green-plant.webp");
-    background-size: cover;
-    background-repeat: repeat;
-    background-attachment: fixed;
-    z-index: -1;
-  }
 }
 
 @media (max-width: 995px) {
@@ -438,21 +318,6 @@
   .MenuBar {
     display: contents;
   }
-  .banner::before {
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    height: 160vh;
-    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(29, 29, 29, 0.6)),
-      url("../images/child-hands-holding-caring-young-green-plant.webp");
-    background-size: cover;
-    background-repeat: repeat;
-    background-attachment: fixed;
-    z-index: -1;
-  }
 }
 
 @media (max-width: 412px) {
@@ -498,19 +363,4 @@
   .logo img {
     width: 130px;
   }
-  .banner::before {
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    height: 190vh;
-    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(29, 29, 29, 0.6)),
-      url("../images/child-hands-holding-caring-young-green-plant.webp");
-    background-size: cover;
-    background-repeat: repeat;
-    background-attachment: fixed;
-    z-index: -1;
-  }
 }
diff --git a/assets/css/style.css b/assets/css/style.css
index 0f0bd69..c5f9473 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -142,6 +142,7 @@ html {
   height: 100vh;
   display: grid;
   grid-template-rows: 10% 1fr;
+  margin-bottom: 0;
 }
 
 .banner::before {
@@ -151,7 +152,7 @@ html {
   right: 0;
   top: 0;
   bottom: 0;
-  height: 110vh;
+  height: 100vh;
   background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(29, 29, 29, 0.6)),
     url("../images/child-hands-holding-caring-young-green-plant.webp");
   background-size: cover;