.event-calendar {
    display: table;
    width: 100%;
    margin-top: 45px;
}

.event-calendar-row {
    display: table-row;
}

.event-calendar-row dt {
    background-color: #4f97e4;
    color: #fff;
    padding: 10px;
    font-size: 120%;
}

.event-calendar-row {
    background-color: #f5f5f5;
}

.event-calendar-row dd {
    color: #333;
    padding: 10px;
    vertical-align: middle;
}

.event-calendar-row:nth-child(even) {
    background-color: #ffffff;
}

.event-calendar-row:hover {
    background-color: #eeeeee;
}

.event-calendar-column {
    display: table-cell;
}


@media screen and (max-width: 550px) {
    .event-calendar, .event-calendar-row, .event-calendar-column  {
        display: block;
        text-align: center;
    }

    .event-calendar-row dt {
        display: none;
    }

    .event-calendar-row dd:nth-child(1) {
        background-color: #4f97e4;
        color: #fff;
        font-size: 110%;
    }
}