/* Hero */

.byog .refresh-html-column h1.refresh-heading {
    font-family: 'Brandon', 'Brandon Text', BrandonText;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
}


@media (max-width: 768px) {
    .byog .refresh-html-column h1.refresh-heading {
        font-size: 35px;
    }

    .byog .refresh-2x1 .refresh-html-column p.refresh-copy {
        font-size: 1rem;
    }

    .byog .badged {
        margin: 0.5rem auto 0.5rem;
        text-align: center;
    }

    .refresh-2x1 {
        /* padding: 0 0 3rem; Holiday 2023 */
        margin: 0 1rem 0 1rem; /* Mothers Day 2024 */
    }
}

@media (max-width: 320px) {
    .byog .refresh-html-column h1.refresh-heading {
        font-size: 28px;
    }

    .byog .refresh-2x1 .refresh-html-column p.refresh-copy {
        font-size: 0.85rem;
    }
}


@media (max-width: 320px) {
    .icon-container .desc span {
    font-size: 11px;
    }
}

@media (max-width: 767px) {
    .hybrid-diapers-icons h2 {
        font-size:  35px;
        line-height: 50px;
    }
}

@media (min-width: 769px) {
    .icon-container .desc span {
        font-size: 13px;
    }

    .hybrid-diapers-icons h2 {
        font-size:  53px;
        line-height: 76px;
        text-align: left;
    }

    .hybrid-diapers-icons .subheading {
        font-size: 16px;  
        line-height: 24px;
        text-align: left;
        margin-left:  10px;
    }

    .byog picture,
    .byog img {
        max-width: 100vw;
        right: 50%;
        position: absolute;
        object-fit: cover;
        z-index: -1;
        width: calc(100vw - var(--scrollbar-width)) !important;
        transform: translate(-50%);
        left: 50%;
        height: 100%;
    }

    .byog {
        height:  326px;
    }
}