.guh-onlineplaner-notice {
    padding: 20px 24px;
    background-color: #d90000;
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}

.guh-onlineplaner-notice p {
    margin: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

@media (min-width: 991px) {
    /* The fixed breadcrumb is 34px high; the theme reserves only 32px. */
    body:not(.home) .guh-onlineplaner-notice-container {
        padding-top: 2px;
    }
}

@media (max-width: 767.98px) {
    .guh-onlineplaner-notice {
        padding: 16px;
        font-size: 16px;
    }
}