Merge pull request 'header-mods' (#2) from header-mods into arc-hive-v01

Reviewed-on: #2

asset/scss/global/_branding.scss

@@ -13,8 +13,14 @@
     background-position: center;
   }
   .logo {
-    max-width: 10rem;
+    @include breakpoint(small){
-    margin-top: -5rem; //half of .logo size
+      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 {

asset/scss/modules/_header.scss

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