diff --git a/assets/css/hero.css b/assets/css/hero.css
index 3ab511a..0056854 100644
--- a/assets/css/hero.css
+++ b/assets/css/hero.css
@@ -19,10 +19,8 @@
   gap: 4rem; /* Space between items */
   margin: auto;
   background: linear-gradient(to bottom right, #F9B208, #E72E77);
-  /* padding-top: 60px; */
-  /* padding-bottom: 40px; */
-  padding-right: 40px;
-  padding-left: 40px;
+  padding-right: 3vw; /* 40 px approx*/
+  padding-left: 3vw;
 }
 
 .hero-content {
@@ -30,6 +28,8 @@
   flex-direction: column;
   align-items: center;
   text-align: center;
+  padding-right: 4vw; /* 40 px approx*/
+  padding-left: 4vw;
 }
 
 .hero-logo {