.heroImage
{
width: 100%;
height: 19.375rem;
background: url("https://dh36nblqpps8a.cloudfront.net/homepage/2025/480x2_Helmets_6_11_2025-1.jpg") center/cover no-repeat;
}
.heroCopy
{
margin: 1.125rem auto 0.75rem;
padding: 0;
text-align: center;
width: 18.5rem;
height: 5.75rem;
background: url('data:image/svg+xml,') center/contain no-repeat;
}
.rescue-midblock-dry-suits
{
background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/rescue-homepage-mid-dry-suits-2023.jpg) center/cover no-repeat;
}
.rescue-midblock-pfds
{
background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/rescue-homepage-mid-pfds-2024.jpg) center/cover no-repeat;
}
.rescue-midblock-footwear
{
background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/rescue-homepage-mid-footwear-2023.jpg) center/cover no-repeat;
}
.rescue-midblock-throw-bags
{
background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/rescue-homepage-mid-throw-bags-2023.jpg) center/cover no-repeat;
}
.mediaStream h2
{
margin-bottom: -0.75rem;
}
@media screen and (min-width: 40rem) {
.heroImage
{
height: 33.33333333333333rem;
background: url("https://dh36nblqpps8a.cloudfront.net/homepage/2025/1120x1.5_Helmets_6_11_2025-1.jpg") center/cover no-repeat;
}
.heroCopy
{
bottom: 0;
top: 12rem;
left: 0;
right: -13.25rem;
width: 24rem;
height: 7.5625rem;
position: absolute;
margin: 0 auto;
filter: drop-shadow(0 0 .25rem rgb(0 0 0 / .95));
background: url('data:image/svg+xml,') center/contain no-repeat;
}
}
@media screen and (min-width: 44rem) {
.heroCopy
{
top: 11rem;
right: -17rem;
width: 26rem;
height: 8.1875rem;
}
}
@media screen and (min-width: 56rem) {
.heroCopy
{
right: -25rem;
top: 10rem;
width: 30rem;
height: 9.5rem;
}
}