asset/scss/global/_branding.scss

@@ -13,14 +13,8 @@
     background-position: center;
   }
   .logo {
-    @include breakpoint(small){
+    max-width: 10rem;
-      max-width: 6rem;
+    margin-top: -5rem; //half of .logo size
-      margin-top: -3rem; //half of .logo size
-    }
-    @include breakpoint(medium){
-      max-width: 10rem;
-      margin-top: -5rem; //half of .logo size
-    }
   }
   &.arc-hive{
     &::before {

asset/scss/modules/_header.scss

@@ -6,15 +6,13 @@
       @include breakpoint(small){
         @include xy-cell(12);
         @include flex-align(center, middle);
-        text-align: center;
-      }
-      @include breakpoint (medium) {
         padding: $global-padding*2 $global-padding;
+        min-width: 14rem;
+        text-align: center;
       }
       @include breakpoint(large){
         @include xy-cell(shrink);
         @include flex-align(left, middle);
-        // min-width: 14rem;
         text-align: unset;
       }
     }
@@ -34,11 +32,8 @@
           padding: 0;
           font-size: 0.8rem;
         }
-        .menu {
+        .menu a {
-          justify-content: center;
+          padding: $global-padding*0.7 $global-padding*0.5;
-          a {
-            padding: $global-padding*0.7 $global-padding*0.5;
-          }
         }
       }
       @include breakpoint(medium) {