menu and footer centered

themes/zerm/sass/_footer.scss

@@ -4,6 +4,7 @@
   padding: 40px 0;
   flex-grow: 0;
   opacity: .7;
+  padding: 0;
 
   &__inner {
     display: flex;
@@ -12,6 +13,8 @@
     margin: 0;
     width: 760px;
     max-width: 100%;
+    justify-content: center;
+    margin: 0 auto;
 
     @media (max-width: $tablet-max-width) {
       flex-direction: column;

themes/zerm/sass/_header.scss

@@ -58,8 +58,9 @@
       display: flex;
       flex-wrap: wrap;
       list-style: none;
-      margin: 0;
+      margin: 0 auto;
       padding: 0;
+      justify-content: center;
 
       &--desktop {
           @media (max-width: $phone-max-width) {
@@ -126,7 +127,7 @@
         }
       }
     }
-      
+
     &-trigger {
       color: var(--accent);
       border: 2px solid;