center desktop-nav-secondary at viewport width 579px

css/style.css

@@ -963,13 +963,37 @@ footer a:visited {
   }
 }
 
-@media (max-width: 579px) {
+@media (max-width: 579px) {  
   .desktop-nav {
     display: none;
   }
-
+  
   .menu-toggle {
-    display: inline-block;
+  display: inline-block;
+  justify-self: end;
+  min-height: 52px;
+  }
+  
+  .menu-bar {
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
+  align-items: center;
+  }
+  
+  .menu-left {
+  justify-self: start;
+  }
+  
+  .menu-right {
+  display: contents;
+  }
+  
+  .desktop-nav-secondary {
+  justify-self: center;
+  }
+  
+  .desktop-nav-secondary ul {
+  justify-content: center;
   }
 }