Some margin adjustments and logo size initial styles

src/components/navigation/hy-menu-main-group/hy-menu-main-group.scss

@@ -186,7 +186,11 @@
 .menu--main-group__mobile-toggle {
   border: none;
   background: transparent;
-  padding: 15px 28px 15px 15px;
+  padding: 15px 16px 15px 12px;
+
+  @include breakpoint($narrow) {
+    padding: 15px 28px 15px 15px;
+  }
 
   &:hover {
     cursor: pointer;

src/components/site-header/site-logo/site-logo.scss

@@ -139,3 +139,24 @@
     }
   }
 }
+
+.hy-site-header__logo-container {
+  a.group {
+    @include font-size(14px, 16px);
+    @include font-weight($semibold);
+
+    color: var(--grayscale-black);
+    font-family: var(--main-font-family);
+    letter-spacing: -0.8px;
+    text-decoration: none;
+    text-transform: uppercase;
+
+    @include breakpoint($narrow) {
+      @include font-size(24px, 28px);
+    }
+
+    @include breakpoint($xlarge) {
+      @include font-size(26px, 30px);
+    }
+  }
+}