.product-landing-hero {
    position: relative;
    width: 100%;
    height: 12rem;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}

@media (min-width: 769px) and (max-width: 1023px) {
    .product-landing-hero {
        height: 10rem
    }
}

@media (max-width: 768px) {
    .product-landing-hero {
        height: 10rem
    }
}

@media (max-width: 565px) {
    .product-landing-hero {
        height: auto;
        background: #f3f6f8;
        padding: 1rem 0
    }
    .product-landing-hero .breadcrumbs {
        display: none
    }
}

.product-landing-hero .layout {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.product-landing-hero .hero-content {
    width: 100%;
    text-align: left
}

@media (min-width: 769px) and (max-width: 1023px) {
    .product-landing-hero .hero-content {
        width: auto
    }
}

@media (max-width: 768px) {
    .product-landing-hero .hero-content {
        width: 100%
    }
}

@media (max-width: 565px) {
    .product-landing-hero .hero-content {
        width: 100%;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

.product-landing-hero .hero-content .headline {
    margin: 1rem 0
}

@media (max-width: 565px) {
    .product-landing-hero .hero-content .headline {
        text-align: center
    }
}

.product-landing-hero .hero-content .headline h1 {
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 1.4rem;
    margin: 0;
    letter-spacing: 0.1rem
}

@media (max-width: 768px) {
    .product-landing-hero .hero-content .headline h1 {
        white-space: normal
    }
}

@media (max-width: 565px) {
    .product-landing-hero .hero-content .headline h1 {
        font-size: 2rem
    }
}

.product-landing-hero .hero-content .description {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

@media (min-width: 769px) and (max-width: 1023px) {
    .product-landing-hero .hero-content .description {
        max-width: 35rem
    }
}

@media (max-width: 768px) {
    .product-landing-hero .hero-content .description {
        max-width: 100%
    }
}

@media (max-width: 565px) {
    .product-landing-hero .hero-content .description {
        display: none
    }
}

.product-landing-hero .hero-content .description p {
    font-size: 0.7rem;
    padding: 0;
    padding-right: 1rem;
    margin: 0.25rem auto
}

@media (max-width: 565px) {
    .product-landing-hero .hero-content .description p {
        font-size: 1rem
    }
}

.product-landing-hero .hero-content .cta {
    margin: 1rem auto
}

@media (max-width: 565px) {
    .product-landing-hero .hero-content .cta {
        margin-bottom: 2rem
    }
}

.product-landing-hero .hero-image {
    position: relative;
    height: 100%;
    width: 50%;
    overflow: hidden
}

@media (min-width: 769px) and (max-width: 1023px) {
    .product-landing-hero .hero-image {
        width: 40%
    }
}

@media (max-width: 768px) {
    .product-landing-hero .hero-image {
        display: none
    }
}

.product-landing-hero .hero-image img {
    max-width: 100%
}