diff --git a/src/styles/partials/slider.scss b/src/styles/partials/slider.scss index 2885fe8..2702665 100644 --- a/src/styles/partials/slider.scss +++ b/src/styles/partials/slider.scss @@ -291,6 +291,12 @@ h2 { } } +@media(width: $breakpoint-desk-1440) { + .slider-content { + width: 279px !important; + } +} + @media (max-width: $breakpoint-desk) and (min-width: $breakpoint-desk-2425) { .slider-container { h2 { @@ -303,21 +309,23 @@ h2 { min-height: 768px; & img { width: 544px; - height: 400px; + height: 400px !important; } & h3 { font-weight: 700; - font-size: 48px; - line-height: 56px; - height: 120px; + font-size: 48px !important; + line-height: 56px !important; + height: 120px !important; } & figcaption { font-weight: 400; - font-size: 32px; - line-height: 48px; - max-height: 192px; + font-size: 32px !important; + line-height: 48px !important; + max-height: 192px !important; } } } } } + + diff --git a/src/styles/utils/variables.scss b/src/styles/utils/variables.scss index 6565e5a..efeab72 100644 --- a/src/styles/utils/variables.scss +++ b/src/styles/utils/variables.scss @@ -22,7 +22,7 @@ $breakpoint-tablet: 1025px; $breakpoint-mobile: 491px; -$breakpoint-desk-1455: 1455px; +$breakpoint-desk-1440: 1440px; $breakpoint-desk-1907: 1907px;