mods in logo size and possiton. mods in nav menu

src/assets/scss/global/_branding.scss

@@ -5,7 +5,7 @@
   &::before {
     content: '';
     display:inline-block;
-    margin-top:-$global-padding;
+    //margin-top:-$global-padding;
     width: 100%;
     height: $global-padding*5;
     background-size: contain;
@@ -18,6 +18,7 @@
   }
   &.arc-hive{
     &::before {
+      width: 10rem;
       max-width: 10rem;
       background-image: url('../img/ARC-HIVE-logo.svg');
     }

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