diff --git a/public/css/header.css b/public/css/header.css
index eb2d131..ac37666 100644
--- a/public/css/header.css
+++ b/public/css/header.css
@@ -83,25 +83,3 @@ header {
     padding: var(--spacing-sm);
 }
 
-@media (max-width: 768px) {
-    .mobile-menu-toggle {
-        display: block;
-    }
-
-    .nav-menu {
-        display: none;
-        position: absolute;
-        top: var(--header-height);
-        left: 0;
-        right: 0;
-        background: var(--bg-card);
-        padding: var(--spacing-md);
-        flex-direction: column;
-        align-items: center;
-        border-bottom: 1px solid var(--border-color);
-    }
-
-    .nav-menu.active {
-        display: flex;
-    }
-}
diff --git a/public/css/responsive.css b/public/css/responsive.css
index d54cd41..9278fc7 100644
--- a/public/css/responsive.css
+++ b/public/css/responsive.css
@@ -46,6 +46,28 @@
         margin: 0;
         padding: 1.5rem 1.5rem;
     }
+
+    .mobile-menu-toggle {
+        display: block;
+    }
+
+    .nav-menu {
+        display: none;
+        position: absolute;
+        top: 55px;
+        left: 0;
+        right: 0;
+        background: var(--bg-card);
+        padding-top: 40px;
+        padding-bottom: 500px;
+        flex-direction: column;
+        align-items: center;
+        border-bottom: 1px solid var(--border-color);
+    }
+
+    .nav-menu.active {
+        display: flex;
+    }
 }
 
 /* Mobile Devices */