<!-- Insert "TEXT" in h1 -->

.page-header.cover-photo .caption-wrapper {
    background: none;
}
.page-header h1 {
background: #c8102e;
}

.page-header h1 {
    color: white;
    display: inline-block;
    letter-spacing: 0;
    margin: 0;
    padding: .625rem 1.25rem .625rem 0;
    position: relative;
    z-index: 1;
}

.cover-photo .caption-wrapper {
    background: rgba(255, 249, 217, 1);
    opacity: 1;
    padding: 0;
    pointer-events: none;
    transition: opacity .25s cubic-bezier(0, 0, .2, 1);
}

.cover-photo .caption-wrapper .container {
    position: relative;
}

@media screen and (min-width: 768px) {
    .cover-photo .caption-wrapper {
        background: none;
        bottom: 2.5rem;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 13;
    }
    .cover-photo .caption-wrapper.disabled {
        opacity: 0;
    }
    .cover-photo .caption {
        background: rgba(255, 249, 217, .85);
        padding: 1.125rem 1.25rem;
        width: calc(50% - 1.25rem);
    }
    .cover-photo .caption-wrapper.disabled .caption {
        pointer-events: none;
    }
}