/* Below CSS is activated only when checkbox to fit the text content is selected in CMS on Hero Banner component for specific page - Start */

@media (max-width:413px) {
    header.page-header.banner-video .teaser-summary h1, header.page-header.banner-video .teaser-summary h2 {
        font-size: 80%;
    }

    header.page-header.banner-video .teaser-summary p {
        font-size: 90%;
    }
}

@media (min-width:414px) and (max-width:767px) {
    header.page-header.banner-video .teaser-summary h1, header.page-header.banner-video .teaser-summary h2 {
        font-size: 100%;
    }

    header.page-header.banner-video .teaser-summary p {
        font-size: 80%;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    header.page-header.banner-video .teaser-summary h1, header.page-header.banner-video .teaser-summary h2 {
        font-size: 100%;
    }

    header.page-header.banner-video .teaser-summary p {
        font-size: 100%;
    }
}

@media (min-width:1200px) and (max-width:1499px) {
    header.page-header.banner-video .teaser-summary h1, header.page-header.banner-video .teaser-summary h2 {
        font-size: 130%;
    }

    header.page-header.banner-video .teaser-summary p {
        font-size: 100%;
    }
}

@media (min-width:1500px) {
    header.page-header.banner-video .teaser-summary h1, header.page-header.banner-video .teaser-summary h2 {
        font-size: 150%;
    }

    header.page-header.banner-video .teaser-summary p {
        font-size: 100%;
    }
}

@media (min-width:1900px) {
    header.page-header.banner-video .teaser-summary h1, header.page-header.banner-video .teaser-summary h2 {
        font-size: 180%;
    }

    header.page-header.banner-video .teaser-summary p {
        font-size: 100%;
    }
}

@media (min-width:768px) {
    header.page-header.banner-video {
        margin-bottom: 15px;
    }
}

/* Below CSS is activated only when checkbox to fit the text content is selected in CMS on Hero Banner component for specific page - END */