Changed key highlight and key figure fonts to bold.

src/components/hy-key-figure/hy-key-figure.scss

@@ -18,24 +18,22 @@
   }
 
   &__title {
+    @include font-size(40px, 60px);
+    @include font-weight($bold);
     box-decoration-break: clone;
     color: var(--brand-main-light);
     display: inline;
     font-family: var(--main-font-family);
-    font-size: 40px;
-    font-weight: 600;
     letter-spacing: -2px;
-    line-height: 60px;
     position: relative;
     z-index: 1;
 
     @include breakpoint($medium) {
-      line-height: 30px;
+      @include font-size(40px, 30px);
     }
 
     @include breakpoint($extrawide) {
-      font-size: 80px;
-      line-height: 70px;
+      @include font-size(80px, 70px);
     }
   }
 

src/components/hy-key-highlight/hy-key-highlight.scss

@@ -23,11 +23,11 @@
 
   &__title,
   &__overlay {
+    @include font-weight($bold);
     box-decoration-break: clone;
     color: var(--grayscale-white);
     display: inline;
     font-family: var(--main-font-family);
-    font-weight: 600;
     letter-spacing: -0.75px;
     padding: 4px 10px;
     position: relative;
@@ -73,33 +73,27 @@
 
   &.small {
     .hy-key-highlight__title__container {
-      font-size: 24px;
-      line-height: 24px;
+      @include font-size(24px, 24px);
     }
     .hy-key-highlight__description {
-      font-size: 14px;
-      line-height: 20px;
+      @include font-size(14px, 20px);
     }
   }
 
   &.big {
     .hy-key-highlight__title__container {
-      font-size: 24px;
-      line-height: 24px;
+      @include font-size(24px, 24px);
 
       @include breakpoint($medium) {
-        font-size: 40px;
-        line-height: 40px;
+        @include font-size(40px, 40px);
       }
     }
 
     .hy-key-highlight__description {
-      font-size: 14px;
-      line-height: 20px;
+      @include font-size(14px, 20px);
 
       @include breakpoint($medium) {
-        line-height: 20px;
-        font-size: 20px;
+        @include font-size(20px, 20px);
       }
     }
   }