.content-header {
    position: relative;
    /* min-height: 166px; */
}

    .content-header.container {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .content-header.container.extra-padding {
        padding-top: 48px;
        padding-bottom: 48px;  
    }

    .content-header .content-header-text-icon {
        display: flex;
        flex-direction: column-reverse;
        gap: 2em;
    }
    @media (min-width: 768px) {
        .content-header .content-header-text-icon {
            flex-direction: row;
            justify-content: space-between;        
        }
    }

    .content-header h1 {
        font-size: 40px;
        font-weight: 700;
        margin: 0
    }

    .content-header .content-header-text {
        max-width: 750px;
    }

    .content-header .content-header-text.centre-text {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .content-header .breadcrumbs {
        font-size: 14px;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5em;
        padding: 0;
    }

    .content-header .content-header--icon {
        height: 110px;
        width: auto;
        /* position: absolute;
        right: 6em;
        bottom: -30px; */
    }

    .content-header .event-info {
        display: flex;
        gap: 3em;
        align-items: center;
        margin-bottom: 1em;
    }

        .content-header .event-info > div {
            display: flex;
            align-items: center;
            gap: 1em;
        }

/* @media (max-width: 990px) {
    .content-header .content-header--icon {
        display: none;
    }
} */

@media (max-width: 750px) {
    .content-header {
        padding: 1rem;
        /* min-height: 118px; */
    }
    .content-header.container {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .content-header h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .content-header .breadcrumbs {
        font-size: 12px;
    }

    .content-header .event-info {
        margin-top: 2.5em;
        flex-direction: column;
        gap: 1em;
        align-items: flex-start;
    }
}