table
{
    width: 100%;
}
td
{
    vertical-align: text-top;
}
#this-week, #coming-up
{
    width: 100%;
    float: none;
}
.nothing-coming-up
{
    padding: 0 10px;
    padding: 0 1.0rem;
}
.day, .date
{
    width: 60px;
    width: 6.0rem;
}
.day
{
    padding-right: 4px;
    padding-right: 0.4rem;
}
.exception-day
{
    text-align: center;
}
.periods
{
    width: 100%;
}
.period
{
    cursor: pointer;
}
@media (min-width: 614px) /* ipad portait*/
{
    #this-week, #coming-up
    {
        width: 50%;
        float: left;
    }
}