.heroImage
{
width: 100%;
height: 19.375rem;
background: url("https://dh36nblqpps8a.cloudfront.net/homepage/2026/480x2_Tactyl_2_11_2026-1.jpg") center/cover no-repeat;
}
.heroCopy
{
margin: 1.125rem auto 0.75rem;
padding: 0;
text-align: center;
width: 20rem;
height: 7.375rem;
background: url('data:image/svg+xml,') center/contain no-repeat;
border-radius: .375rem;
}
.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/2026/1120x1.5_Tactyl_2_11_2026-1.jpg") center/cover no-repeat;
}
.heroCopy
{
position: absolute;
margin: 0 auto;
top: 12.5rem;
right: -16rem;
left: 0rem;
width: 23rem;
height: 10.4375rem;
background: transparent url('data:image/svg+xml,') center/contain no-repeat;
border-radius: .375rem;
}
}
@media screen and (min-width: 50rem) {
.heroCopy
{
right: -24rem;
top: 10.75rem;
width: 26rem;
height: 11.8125rem;
}
}
@media screen and (min-width: 62rem) {
.heroCopy
{
right: -37rem;
top: 10rem;
width: 28rem;
height: 12.75rem;
}
}