:root {
    --masthead-video-content-gap: 1.5rem;

    --masthead-video-content-padding: 6rem;
    --masthead-video-content-padding-top: 2.5rem;
    --masthead-video-content-padding-bottom: 6.5rem;

    --Masthead-Landing-family: freight-sans-pro, sans-serif;
    --Masthead-Landing-size: 3.75rem;
    --Masthead-Landing-line-height: 3.625rem;

    --Masthead-Subtitle-Family: freight-sans-pro, sans-serif;
    --Masthead-Subtitle-Size: 1.8125rem;
    --Masthead-Subtitle-Line-Height: 2.125rem;

    --text-invert: #FFF;
    --icon-invert: #FFF;

    --surface-brand: #012F65;

    --Credit-Family: freight-sans-pro, sans-serif;
    --Credit-Size: 0.875rem;
    --Credit-Line-Height: 1rem;

    --masthead-image-content-padding-top: 3.5rem;
    --masthead-image-content-padding: 3.5rem;
    --masthead-image-content-padding-bottom: 3rem;

    --masthead-image-content-gap: 1.5rem;
}

@media (min-width: 1440px) {
    :root {
        --masthead-video-content-gap: 3rem;

        --masthead-video-content-padding: 6.5rem;
        --masthead-video-content-padding-top: 3rem;
        --masthead-video-content-padding-bottom: 7rem;

        --Masthead-Landing-family: freight-sans-pro, sans-serif;
        --Masthead-Landing-size: 3.75rem;
        --Masthead-Landing-line-height: 3.625rem;

        --Masthead-Subtitle-Family: freight-sans-pro, sans-serif;
        --Masthead-Subtitle-Size: 1.8125rem;
        --Masthead-Subtitle-Line-Height: 2.125rem;

        --masthead-image-content-padding-top: 4rem;
        --masthead-image-content-padding: 3.5rem;
        --masthead-image-content-padding-bottom: 4rem;

        --masthead-image-content-gap: 2rem;
    }
}

@media (min-width:992px) and (max-width: 1199px) {
    :root {
        --masthead-image-content-padding-top: 4rem;
        --masthead-image-content-padding: 3.5rem;
        --masthead-image-content-padding-bottom: 4rem;

        --masthead-image-content-gap: 1.5rem;
    }
}

@media (min-width:768px) and (max-width: 1199px) {
    :root {
        --Masthead-Landing-size: 3.125rem;
        --Masthead-Landing-line-height: 3rem;

        --Masthead-Subtitle-Size: 1.5rem;
        --Masthead-Subtitle-Line-Height: 1.75rem;

        --masthead-video-content-gap: 1.5rem;

        --masthead-video-content-padding: 3.5rem;

        --masthead-video-content-padding-top: 1rem;
        --masthead-video-content-padding-bottom: 4rem;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    :root {
        --Masthead-Landing-size: 3.125rem;
        --Masthead-Landing-line-height: 3rem;

        --Masthead-Subtitle-Size: 1.5rem;
        --Masthead-Subtitle-Line-Height: 1.75rem;

        --masthead-video-content-gap: 1.5rem;

        --masthead-video-content-padding: 3.5rem;

        --masthead-video-content-padding-top: 1rem;
        --masthead-video-content-padding-bottom: 4rem;

        --masthead-image-content-padding-top: 2.5rem;
        --masthead-image-content-padding: 3.5rem;
        --masthead-image-content-padding-bottom: 4rem;

        --masthead-image-content-gap: 1.5rem;
    }
}

@media (max-width: 767px) {
    :root {
        --Masthead-Landing-size: 2.1875rem;
        --Masthead-Landing-line-height: 2.125rem;

        --Masthead-Subtitle-Size: 1.25rem;
        --Masthead-Subtitle-Line-Height: 1.5rem;

        --masthead-video-content-gap: 1.5rem;
        --masthead-video-content-padding: 1.5rem;

        --masthead-video-content-padding-top: 1rem;
        --masthead-video-content-padding-bottom: 3.5rem;

        --masthead-image-content-padding-top: 1.5rem;
        --masthead-image-content-padding: 1.5rem;
        --masthead-image-content-padding-bottom: 2rem;
        --masthead-image-content-gap: 1.5rem;
    }
}