position: absolute;
bottom: 9.2vw;
left: 6.4vw;
- font-size: 2.1875vw;
- font-size: 2.1875vw;
- max-width: 968px;
- width: 60vw;
+ font-size: 1.615vw;
+ font-size: 1.615vw;
+ width: 50.147vw;
opacity: 1;
}
.header-slideshow .header-slideshow-content {
font-size: 31px;
font-size: 31px;
+ max-width: 968px;
}
}
}
.header-slideshow .header-slideshow-content.small-height {
- font-size: 31px;
- font-size: 31px;
+ font-size: 19px;
+ font-size: 19px;
}
.header-slideshow .header-slideshow-content:not(.showing) {
position: absolute
constrain(bottom, 9.2vw)
left: 6.4vw // Not using constrain because this shouldn't be capped on lower limits
- font-size: 2.1875vw // 42px in vw based on 1920px width
- max-width: 968px
- width: 60vw
+ font-size: 1.615vw // 42px in vw based on 1920px width
+ width: 50.147vw
opacity: 1
+above(2128px)
+above($content-max-width)
font-size: 31px // Base font size
+ max-width: 968px
+below($breakpoint-slideshow)
bottom: 4em
width: auto
&.small-height
- font-size: 31px
+ font-size: 19px
&:not(.showing)
opacity: 0 !important