diff --git a/src/components/hy-hero/hy-hero.scss b/src/components/hy-hero/hy-hero.scss index b930ad9c183aebc6b29af9fa5cf8baded69c3a64..fa828908561b6bac8a522812213156d10d6888b7 100644 --- a/src/components/hy-hero/hy-hero.scss +++ b/src/components/hy-hero/hy-hero.scss @@ -258,29 +258,27 @@ font-weight: bold; hyphens: auto; letter-spacing: -0.75px; - margin-bottom: 12px; + margin-bottom: 12px !important; max-width: 100%; position: relative; text-transform: uppercase; word-wrap: break-word; @include breakpoint($narrow) { + margin-bottom: 16px !important; max-width: 87% !important; } @include breakpoint($wide) { + margin-bottom: 0 !important; max-width: 48.75% !important; } - // @include breakpoint($extrawide) { - // max-width: 115% !important; - // } - span { - padding-top: 16px; + padding-top: 24px; @include breakpoint($narrow) { - padding-top: 32px; + padding-top: 40px; } @include breakpoint($wide) { @@ -289,8 +287,8 @@ } @include breakpoint($extrawide) { - padding-bottom: 30px; - padding-top: 36px; + padding-bottom: 36px; + padding-top: 30px; } } } @@ -312,17 +310,14 @@ .hy-hero__description { // Ingress Small @include font-size(16px, 24px); - color: var(--grayscale-black); font-family: var(--main-font-family); font-weight: 600; letter-spacing: -0.1px; - margin: 12px 0 20px 0; + margin: 0; padding: 0; @include breakpoint($narrow) { - margin: 16px 0 24px 0; - // Ingress Medium @include font-size(18px, 28px); letter-spacing: -0.1px; @@ -331,7 +326,6 @@ @include breakpoint($wide) { @include font-size(18px, 28px); letter-spacing: -0.1px; - margin: 0; padding: 16px 40px 20px 0; max-width: 40.21%; position: relative; @@ -353,6 +347,18 @@ // } } +.hy-hero__actions { + margin-top: 20px; + + @include breakpoint($narrow) { + margin-top: 24px; + } + + @include breakpoint($wide) { + margin-top: 0; + } +} + // .hy-hero { // position: relative;