diff --git a/src/layouts/partials/footer.html b/src/layouts/partials/footer.html
index 25f1f3d..c904470 100644
--- a/src/layouts/partials/footer.html
+++ b/src/layouts/partials/footer.html
@@ -1,7 +1,7 @@
 <section class="footer">
   <hr>
-  <div class="container" style="padding-top: 0vw; padding-bottom: 0vw;">
-      <div class="row" style="margin: 4.185vw 0vw;">
+  <div class="container">
+      <div class="row">
         <div class="col-lg-8 footer-content">
           <h4>Equitable open-source for <span id="cycle">web3</span></h4>
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
diff --git a/src/static/css/homepage.css b/src/static/css/homepage.css
index f497edc..d7c5539 100644
--- a/src/static/css/homepage.css
+++ b/src/static/css/homepage.css
@@ -6,9 +6,39 @@ html,body{
   overflow-x: hidden;
 }
 
-.container{
-  max-width: 1920px;
-  padding: 4.185vw 8.371vw 4.185vw 8.371vw;
+@media only screen and (min-width: 1200px) {
+  .container{
+    max-width: 1920px;
+    padding: 4.185vw 8.371vw 4.185vw 8.371vw;
+  }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .container{
+    max-width: 1920px;
+    padding: 4.185vw 8.371vw 4.185vw 8.371vw;
+  }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 992px) {
+  .container{
+    max-width: 1920px;
+    padding: 4.185vw 8.371vw 4.185vw 8.371vw;
+  }
+}
+
+@media only screen and (min-width: 576px) and (max-width: 768px) {
+  .container{
+    max-width: 1920px;
+    padding: 4.185vw 8.371vw 4.185vw 8.371vw;
+  }
+}
+
+@media only screen and (max-width: 576px) {
+  .container{
+    max-width: 1920px;
+    padding: 10vw 5vw;
+  }
 }
 
 @media only screen and (min-width: 1200px) {