.week-calendar-box {
    display: flex;
    overflow-x: auto;

    margin: .5em 0 1em 0;

    text-align: center;
    white-space: nowrap;

    font-size: 1em;

    justify-content: space-between;
}

.week-calendar-cell {
    display: inline-block; /* fallback */
    overflow-y: hidden;

    cursor: pointer;
}

.week-calendar-date {
    min-width: 1.5em;
    padding: .1em;

    text-align: center;

    border-radius: .2em;

    font-size: 1.6em;
}

.week-calendar-day-name {
    display: block;

    font-size: 60%;
}

.week-calendar-date.active {
    background: #d14c47;
}

.week-calendar-date.active,
.week-calendar-date.active * {
    color: #fff;
}

.day_off { /* weekend */
    color: #d14c47;
}

/* Small Devices, Tablets */
@media (min-width : 720px) {
    .week-calendar-box {
        font-size: 1.25em;
    }
}

/* Large Devices, Wide Screens */
@media (min-width : 1020px) {
    .week-calendar-box {
        font-size: .9em;
    }
}