.months td {
        font-size: 0.9em;
}

.months td a {
        color: #BC392D;
        display: block;
}

.months td strong {
        display: block;
        text-transform: uppercase;
        color: #000000;
}

#calendar {
        margin-top: 30px;
        width: 100%;
}

#calendar li {
        display: inline;
        float: left;
        width: 13%;
        height: 120px;
        padding: 1%;
        margin-right: 1.1%;
        border: 1px  dotted #767676;
        margin-bottom: 1.1%;;
        font-size: 0.9em;
}


@media (max-width: 575.98px) {
#calendar li {
        display: block;
        float: none;
        padding: 3%;
        width: auto;
        height: auto;
        margin-right: 0;
        margin-bottom: 1.1%;;
}
}

#calendar li strong {
        font-size: 2em;
        font-weight: 300;
        display: block;
}

#calendar .results {
        background: #F3F7C9;
        cursor: pointer;
}

#calendar .results:hover {
        background: #BC392D;
        color: #fff;
}

@media (max-width: 767px) {

#calendar .empty {
        display: none;
}

}