diff --git a/pages/index.css b/pages/index.css
index a6231df..3d16755 100644
--- a/pages/index.css
+++ b/pages/index.css
@@ -377,7 +377,7 @@
         flex-direction: column;
     }
 }
-@media screen and (max-width: 816px) {
+@media screen and (max-width: 820px) {
     .section__title {
         font-size: 16px;
     }
@@ -430,7 +430,7 @@
         font-size: 12px;
     }
 }
-@media screen and (max-width: 473px) {
+@media screen and (max-width: 480px) {
     .header__title {
         max-width: 240px;
         font-size: 28px;
@@ -458,4 +458,12 @@
     .portfolio__item-link {
         font-size: 10px;
     }
+    .footer__box {
+        align-items: start;
+        flex-direction: column-reverse;
+        gap: 20px;
+    }
+    .footer__links {
+        gap: 10px;
+    }
 }
\ No newline at end of file
diff --git a/variables/root.css b/variables/root.css
index aaceb3c..ed82f22 100644
--- a/variables/root.css
+++ b/variables/root.css
@@ -20,12 +20,12 @@
         --max-width: 768px;
     }
 }
-@media screen and (max-width: 816px) {
+@media screen and (max-width: 820px) {
     :root {
         --max-width: 425px;
     }
 }
-@media screen and (max-width: 473px) {
+@media screen and (max-width: 480px) {
     :root {
         --max-width: 320px;
     }