css adjustments

assets/sass/_theme/_configuration.sass

@@ -101,6 +101,8 @@ $header-dropdown-transition: $header-transition !default
 $header-nav-padding-y: $spacing0 !default
 $header-logo-height: 20px !default
 $header-logo-height-md: $header-logo-height !default
+$header-height: 84px !default
+$header-height-md: 74px !default
 
 // Navs
 $body-overlay-color: rgba(0, 0, 0, 0.3) !default

assets/sass/_theme/design-system/layout.sass

@@ -4,7 +4,10 @@
     box-sizing: border-box
 
 \:root
-    --header-height: #{$header-nav-padding-y * 2 + $header-logo-height}
+    --header-height: #{$header-height}
+    @include media-breakpoint-up(md)
+        --header-height: #{$header-height-md}
+
 
 body
     color: $body-color

assets/sass/_theme/design-system/nav.sass

@@ -66,8 +66,9 @@
             > a, span
                 display: block
                 padding: $spacing0
-            &:last-child a
-                padding-right: 0
+            &:last-child 
+                a, span
+                    padding-right: 0
         li.has-children
             [aria-expanded="true"] + .dropdown-menu
                 display: block

assets/sass/_theme/design-system/table_of_content.sass

@@ -4,7 +4,8 @@
         align-items: flex-start
         margin: 0
         flex-direction: column
-        padding-top: $spacing1
+        padding-top: $spacing0
+        padding-bottom: $spacing0
         li
             &:not(:last-child)
                 margin-bottom: 1rem
@@ -14,8 +15,6 @@
                 display: block
                 font-size: px2rem(18)
                 line-height: px2rem(20)
-                margin-left: -$spacing1/2
-                margin-right: -$spacing1/2
                 text-decoration: none
                 &:hover
                     text-decoration: underline