diff --git a/assets/css/static.css b/assets/css/static.css
index c0327b3..b590c9a 100644
--- a/assets/css/static.css
+++ b/assets/css/static.css
@@ -117,7 +117,7 @@ section.hero {
 section.hero .hero--container {
   margin-inline: auto;
   display: grid;
-  grid-template-columns: repeat(5, 1fr);
+  grid-template-columns: 1fr 446px 170px 292px 1fr;
 }
 @media (max-width: 480px) {
   section.hero .hero--container {
diff --git a/assets/scss/static.scss b/assets/scss/static.scss
index 12bea57..191c8f5 100644
--- a/assets/scss/static.scss
+++ b/assets/scss/static.scss
@@ -125,7 +125,7 @@ section.hero {
     // max-width: 1440px;
     margin-inline: auto;
     display: grid;
-    grid-template-columns: repeat(5, 1fr);
+    grid-template-columns: 1fr 446px 170px 292px 1fr;
   
     @include respond(mobile) {
       display: flex;