.fc-day-grid-container.fc-scroller {
    height: auto!important;
    overflow-y: auto;
}
.fc-day-sat, .fc-day-sun {
    background-color: lightblue !important;
}

html, body {
//    overflow: hidden; /* don't do scrollbars */
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
}

#calendar-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fc-header-toolbar {
    /*
    the calendar will be butting up against the edges,
    but let's scoot in the header's buttons
    */
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
}

.fc-day-today {
    background: red !important;
    border: none !important;

}
.fc-day-past{
    background: lightgrey;
}
.fc-day-future{
    background: whitesmoke;
}

.fc-col-header-cell {
    background: black;
    color: white;
}

#calendar {
    max-width: 1300px;
    margin: 40px auto;
}

.fc-scroller {height:100% !important;}

@media only screen and (max-width: 600px) {
    #calendar{
        max-width: 350px;
        margin: 5px auto;
    }
    html, body {

        font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 10px;
    }
}