main {
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
}
.break {
    flex-basis: 100%;
    height: 0;
}
h1 {
    margin-bottom: 36px;
}
#friday {
    margin-right: 150px;
}
.timetable {
    display: grid;
    grid-template-columns: min-content auto;
    font: 16pt/30px Courier, "Courier New", monospace;
    margin-bottom: 24px;
}
.narrow {
    grid-template-columns: min-content auto;
}
.day {
    grid-column: 1 / 3;
    font: 28pt Script;
    margin-bottom: 16px;
}
.x2 {
    grid-row-end: span 2;
}
.time {
    font: 30px/1 Script;
    text-align: right;
    padding: 0 8px 48px 0;
    border-right: solid var(--text-clr) 2px;
    margin-right: 24px;
}
.item {
    font-weight: bold;
}
.loc {
    font-size: 12pt;
}
.dayloc {
    grid-column: 1/3;
    font: 26pt;
    margin: -16px 0 16px 0;
}
#hall {
    width: clamp(min(425px,50%), (590px - 100%)*1000, min(425px,100%));
    align-self: center;
}

/*|| single column */
@media (width<=652px) {
    .timetable {
        max-width: 400px;
    }
    #friday {
        margin-right: 0;
    }
}