Update h1 size and spacings

src/components/heading/heading.scss

@@ -21,21 +21,16 @@
 
   // H1 content page title
   h1.hy-heading__default {
-    padding: 0.5rem 0 0;
-    margin-bottom: 2rem;
+    margin-bottom: 12px;
 
-    @include breakpoint($wide) {
-      margin-bottom: 2.25rem;
-      padding: 1rem 0 0;
-    }
     @include breakpoint($xlarge) {
-      margin-bottom: 3rem;
+      margin-bottom: 16px;
     }
 
     // No sidebar, large desktops
     &__large {
       @include breakpoint($extrawide) {
-        margin-bottom: 3rem;
+        margin-bottom: 16px;
       }
     }
   }
@@ -296,21 +291,26 @@ h6 {
 }
 
 h1 {
-  @include font-size(32px, 32px);
-  letter-spacing: -1px;
+  @include font-size(32px, 38px);
+  letter-spacing: -0.8px;
   text-transform: uppercase;
 
   @include breakpoint($narrow) {
-    // > 480px
-    @include font-size(46px, 52px);
-    letter-spacing: -1.5px;
+    @include font-size(46px, 54px);
+    letter-spacing: -1.15px;
   }
 
-  @include breakpoint($extrawide) {
-    // > 1200px
-    //@todo Check the size. SHould be 46 till 1600, and after 1600px it should be 52px;
-    @include font-size(52px, 64px);
-    letter-spacing: -1.6px;
+  @include breakpoint($xlarge) {
+    @include font-size(52px, 60px);
+    letter-spacing: -1.3px;
+  }
+
+  // without Sidebar
+  .hy-heading__container__large & {
+    @include breakpoint($extrawide) {
+      @include font-size(52px, 60px);
+      letter-spacing: -1.3px;
+    }
   }
 }