asset/scss/global/_branding.scss

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

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,13 +32,10 @@
           padding: 0;
           font-size: 0.8rem;
         }
-        .menu {
+        .menu a {
-          justify-content: center;
-          a {
           padding: $global-padding*0.7 $global-padding*0.5;
         }
       }
-      }
       @include breakpoint(medium) {
         menu {
           font-size: $global-font-size*1.5;