fix mobile look

index.html

@@ -35,6 +35,18 @@
             justify-content: flex-end;
             min-width: 300px;
         }
+        @media (max-width: 768px) {
+            .contact {
+                flex-direction: column;
+                align-items: center;
+            }
+            .logo-container {
+                width: 100%;
+                justify-content: center;
+                text-align: center;
+                margin-bottom: 20px;
+            }
+        }
         header {
             background-color: var(--header-bg);
             box-shadow: 0 2px 10px rgba(0,0,0,0.1);