@media only screen and (min-width:0rem) {
    #banner-559 {
        padding: var(--sectionPadding);
        padding-top: clamp(15.625rem,35.95vw,25rem);
        overflow: hidden;
        position: relative;
        z-index: 1
    }

    #banner-559 .cs-container {
        text-align: center;
        width: 100%;
        max-width: 80rem;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem
    }

    #banner-559 .cs-int-topper {
        font-size: var(--topperFontSize);
        font-weight: 700;
        letter-spacing: .01em;
        margin: 0;
        padding: 0 0 0 1.25rem;
        color: var(--tertiary);
        display: block;
        position: relative
    }

    #banner-559 .cs-int-topper:before {
        content: "";
        width: 50vw;
        height: 2px;
        background: var(--secondary);
        opacity: 1;
        position: absolute;
        display: block;
        top: 50%;
        right: 100%;
        transform: translateY(-50%)
    }

    #banner-559 .cs-int-title {
        font-size: clamp(1.828125rem,4.8vw,2.859375rem);
        font-weight: 900;
        line-height: 1.2em;
        text-align: inherit;
        margin: 0;
        position: relative
    }

    #banner-559 .cs-breadcrumbs,#banner-559 .cs-link {
        display: flex;
        justify-content: center;
        align-items: center
    }

    #banner-559 .cs-link {
        font-size: clamp(1rem,1.5vw,1.25rem);
        line-height: 1.2em;
        text-decoration: none;
        color: var(--bodyTextColor);
        position: relative
    }

    #banner-559 .cs-link:hover {
        text-decoration: underline
    }

    #banner-559 .chevron {
        content: "";
        width: 1.875rem;
        height: .125rem;
        margin: 0 clamp(.75rem,2vw,1.5rem);
        background-color: var(--secondary)
    }

    #banner-559 .cs-active {
        color: var(--tertiary)
    }

    #banner-559 .cs-background,#banner-559 .cs-background:before {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }

    #banner-559 .cs-background:before {
        content: "";
        background: var(--primary);
        opacity: .85;
        z-index: 1
    }

    #banner-559 .cs-background img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover
    }
}

@media only screen and (min-width:48rem) {
    #banner-559 {
        padding-top: clamp(12.5rem,30vw,20rem)
    }
}

@media only screen and (min-width:64rem) {
    #banner-559 {
        padding-top: clamp(10rem,25vw,15rem)
    }
}