@media screen and (max-width: 767px) {
    .branding .branding__image-title {
        display: none;
    }

    .branding .branding__title--custom-image > b {
        display: block;
    }
}


@media screen and (min-width: 768px) {
    /* program landing */
    .program .branding .branding__image-title {
        height: 84px;
    }

    /* story page */
    .story-layout .branding .branding__image-title {
        height: 60px;
    }

    /* display mini teaser on story pages */
    .story-layout .contentheader .branding .branding__mini-teaser {
        display: block;
        align-self: initial;
        position: static;
        width: 35%;
        margin-top: 0;
        font-weight: normal;
        text-transform: none;
        line-height: 1.3;
    }

    .story-layout .contentheader .branding .branding__title {
        flex-shrink: 0;
        margin-right: 30px;
        margin-bottom: 0;
    }
}