diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less index e7fcb01298..8cd0f3a889 100644 --- a/website/assets/styles/pages/homepage.less +++ b/website/assets/styles/pages/homepage.less @@ -51,7 +51,7 @@ padding-right: 40px; padding-bottom: 40px; max-width: 1200px; - height: 850px; + height: 750px; } [purpose='hero-text'] { @@ -353,10 +353,36 @@ } - - @media (min-width: 1400px) { + @media (max-width: 4599px) { [purpose='hero-background-image'] { - background-size: 100% auto; + background-size: 4600px auto; + } + [purpose='homepage-hero'] { + height: 1250px; + } + } + + @media (max-width: 3599px) { + [purpose='hero-background-image'] { + background-size: 3600px auto; + } + [purpose='homepage-hero'] { + height: 1050px; + } + } + + @media (max-width: 2599px) { + [purpose='hero-background-image'] { + background-size: 1920px auto; + } + [purpose='homepage-hero'] { + height: 750px; + } + } + + @media (max-width: 1400px) { + [purpose='hero-background-image'] { + background-size: 1921px auto; background-position: center bottom; background-repeat: no-repeat; } @@ -367,7 +393,7 @@ } [purpose='homepage-hero'] { max-width: 1080px; - height: 900px; + height: 750px; } }