diff --git a/assets/css/hero.css b/assets/css/hero.css
index 0f44ca7..4f17f88 100644
--- a/assets/css/hero.css
+++ b/assets/css/hero.css
@@ -5,11 +5,10 @@
   margin: 0 auto; /* Centering the hero section */
   display: flex;
   justify-content: space-between;
+  flex-direction: column;
   align-items: center;
   padding-top: 60px;
   padding-bottom: 80px;
-  padding-left: 40px;
-  padding-right: 40px;
 }
 
 .hero-first {
@@ -22,6 +21,10 @@
   gap: 4rem; /* Space between items */
   margin-bottom: 4rem;
   background: linear-gradient(to bottom right, #F9B208, #E72E77);
+  padding-right: 40px;
+  padding-left: 40px;
+
+
 
 }