@import './fonts.css';
@import './vars.css';

.interval-banner {
    min-height: 200px;
    display: grid;
    grid-template-columns: 20% [main-content] auto 20%;
    grid-template-rows: auto [main-content] auto auto;
    color: var(--primary-contrast-text-color);
}

.interval-title {
    grid-column-start: main-content;
    grid-row-start: main-content;
    font-size: var(--xbig-font-size);
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.interval-title .first-row {
    font-weight: bold;
}

@media screen and (max-width:767px) {
    .interval-title {
        font-size: var(--big-font-size);
    }
}