закончил адаптацию стилей

src/components/Footer/Footer.module.css

@@ -83,7 +83,7 @@ color: #fff;
 /* Mobile */
 @media (max-width: 900px) {
 .container {
-flex-direction: column;
+
 gap: 40px;
 text-align: center;
 }
@@ -92,4 +92,122 @@ text-align: center;
 .right {
 text-align: center;
 }
+}
+
+@media (max-width: 700px){
+    .logo {
+        width: 40px;
+        opacity: 0.9;
+        border-radius: 100%;
+    }
+
+    .center {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+        font-size: 10px;
+    }
+
+    .footer {
+padding: 20px 0;
+}
+
+
+.left {
+gap: 10px;
+}
+
+.copy {
+font-size: 10px;
+
+}
+
+
+.center a:hover {
+color: #fff;
+}
+
+
+.right {
+text-align: right;
+}
+
+
+.phone {
+color: #fff;
+font-size: 14px;
+font-weight: 400;
+}
+
+
+.mail {
+margin-top: 6px;
+display: inline-block;
+font-size: 10px;
+color: #bfbfbf;
+}
+
+
+.mail:hover {
+color: #fff;
+}
+}
+
+@media (max-width: 460px){
+    .logo {
+        width: 40px;
+        opacity: 0.9;
+        border-radius: 100%;
+    }
+
+    .center {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+        font-size: 10px;
+    }
+
+    .footer {
+padding: 20px 0;
+}
+
+
+.left {
+gap: 10px;
+}
+
+.copy {
+font-size: 10px;
+
+}
+
+
+.center a:hover {
+color: #fff;
+}
+
+
+.right {
+text-align: right;
+}
+
+
+.phone {
+color: #fff;
+font-size: 14px;
+font-weight: 400;
+}
+
+
+.mail {
+margin-top: 6px;
+display: inline-block;
+font-size: 10px;
+color: #bfbfbf;
+}
+
+
+.mail:hover {
+color: #fff;
+}
 }