clean up media queries

css/style.css

@@ -679,23 +679,6 @@ button:active, .button-primary:active, .logo:active {
   pointer-events: auto;
 }
 
-@media (max-width: 579px) {
-  .desktop-nav {
-    display: none;
-  }
-
-  .menu-toggle {
-    display: inline-block;
-  }
-}
-
-@media (min-width: 580px) {
-  .menu-overlay,
-  .mobile-menu {
-    display: none;
-  }
-}
-
 
 /* Maint content */
 
@@ -980,6 +963,23 @@ footer a:visited {
   }
 }
 
+@media (max-width: 579px) {
+  .desktop-nav {
+    display: none;
+  }
+
+  .menu-toggle {
+    display: inline-block;
+  }
+}
+
+@media (min-width: 580px) {
+  .menu-overlay,
+  .mobile-menu {
+    display: none;
+  }
+}
+
 @media screen and (max-width:440px) {
   .menu-bar {
     padding: var(--spacing-4) var(--spacing-5) var(--spacing-4) var(--spacing-5);