size in small screens of the site logo made alike resources/wp view

asset/scss/global/_branding.scss

@@ -5,7 +5,6 @@
   &:before {
     content: '';
     display:inline-block;
-    // margin-top:-$global-padding;
     width: 100%;
     height: $global-padding*5;
     background-size: contain;
@@ -14,7 +13,7 @@
   }
   .logo {
     @include breakpoint(small){
-      max-width: 6rem;
+      max-width: 10rem;
       margin-top: -3rem; //half of .logo size
     }
     @include breakpoint(medium){
@@ -22,7 +21,7 @@
       margin-top: -5rem; //half of .logo size
     }
   }
-  &.arc-hive{
+  &.arc-hive,&archive{
     &::before {
       max-width: 10rem;
       background-image: url('../img/ARC-HIVE-logo.svg');