.heroImage
{
width: 100%;
height: 25rem;
background: url("https://dh36nblqpps8a.cloudfront.net/homepage/2026/480x2_Duffel-Bags_4_22_2026.jpg") center/cover no-repeat;
}
.heroCopy
{
margin: 1.125rem auto 0.75rem;
padding: 0;
text-align: center;
width: 18rem;
height: 6.625rem;
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: 25.83333333rem;
background: url("https://dh36nblqpps8a.cloudfront.net/homepage/2026/1120x1.5_Duffel-Bags_4_22_2026-1.jpg") center/cover no-repeat;
}
.heroCopy
{
position: absolute;
margin: 0 auto;
top: 7.5rem;
right: 0;
left: -20rem;
width: 20rem;
height: 9.125rem;
background: url('data:image/svg+xml,') center/contain no-repeat;
border-radius: .375rem;
}
}
@media screen and (min-width: 60rem) {
.heroCopy
{
width: 22rem;
height: 10.0625rem;
left: -35rem;
}
}