Update hero text sizes

src/components/hy-hero/hy-hero.scss

@@ -379,6 +379,7 @@
       color: var(--grayscale-black);
 
       @include breakpoint($extrawide) {
+        @include font-size(17px, 26px);
         max-width: 34%;
       }
     }
@@ -587,7 +588,7 @@
 }
 
 .hy-hero__description {
-  @include font-size(16px, 24px);
+  @include font-size(15px, 22px);
   color: var(--grayscale-black);
   font-family: var(--main-font-family);
   margin: 0;
@@ -595,7 +596,7 @@
   position: relative;
 
   @include breakpoint($narrow) {
-    @include font-size(18px, 28px);
+    @include font-size(16px, 24px);
   }
 
   @include breakpoint($wide) {
@@ -605,10 +606,13 @@
   }
 
   @include breakpoint($extrawide) {
-    @include font-size(18px, 32px);
     max-width: 37%;
     padding: 28px 20px 32px 0;
   }
+
+  @include breakpoint($xlarge) {
+    @include font-size(17px, 26px);
+  }
 }
 
 .hy-hero__actions {