diff --git a/src/components/hy-hero/hy-hero.scss b/src/components/hy-hero/hy-hero.scss index 50739e01c9e82c44107275fe17921f4580295c22..ccecc844706d0d504eb0ce5c5d71e552bbfb68ae 100644 --- a/src/components/hy-hero/hy-hero.scss +++ b/src/components/hy-hero/hy-hero.scss @@ -141,7 +141,7 @@ } .hy-hero__content-container { - @include breakpoint(max-width $wide) { + @include breakpoint(max-width 959px) { padding-bottom: 0; } @@ -259,19 +259,30 @@ flex-direction: column; justify-content: center; margin: 0 auto; + min-height: 360px; padding: 52px 2rem; position: relative; width: 100%; } @include breakpoint($extrawide) { + min-height: 400px; padding: 80px 24px; } + @include breakpoint($overwide) { + min-height: 450px; + } + @include breakpoint($xlarge) { max-width: 1216px; + min-height: 500px; padding: 80px 0; } + + @include breakpoint($fullhd) { + min-height: 600px; + } } .hy-hero__spacer-box {