diff --git a/sass/global.scss b/sass/global.scss
index a274fc4..a50705f 100644
--- a/sass/global.scss
+++ b/sass/global.scss
@@ -25,3 +25,9 @@ footer {
     color: var(--clr-Murrey);
   }
 }
+
+.footer-mobile {
+  display: none;
+  margin: 0 var(--container-size);
+}
+
diff --git a/sass/responsivity.scss b/sass/responsivity.scss
index ce72405..53d0c73 100644
--- a/sass/responsivity.scss
+++ b/sass/responsivity.scss
@@ -1,9 +1,6 @@
 @media only screen and (min-width: 0px) and (max-width: 954px) {
   nav {
     flex-wrap: wrap;
-    position: absolute;
-    top: 0;
-    width: 100vw;
   }
   .nav-right {
     display: none !important;
@@ -44,7 +41,6 @@
   main {
     flex-direction: column;
     align-items: center;
-    margin-top: 8rem !important;
   }
   main aside .info-wrapper img {
     width: 50px;
@@ -59,6 +55,9 @@
   footer:not(.footer-mobile) {
     display: none !important;
   }
+  .footer-mobile {
+    display: flex !important; 
+  }
 }
 
 @media only screen and (min-width: 955px) and (max-width: 1090px) {
@@ -81,6 +80,9 @@
   footer:not(.footer-mobile) {
     display: none !important;
   }
+  .footer-mobile {
+    display: flex !important; 
+  }
 }
 
 @media only screen and (min-width: 1091px) and (max-width: 1499px) {