diff --git a/src/components/hy-hero/hy-hero.scss b/src/components/hy-hero/hy-hero.scss index c5f3955caafbbc2f14776c6819bc515d4608fd87..b7223500f6c921a4f7c0b1ae6b10199175ad01d1 100644 --- a/src/components/hy-hero/hy-hero.scss +++ b/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 {