.calendar{
    padding:10px!important;
}

.class-years{
border:3px solid #DDD;
border-right:1px solid #DDD;
background-color:#DDD;
}

.class-years li{
    padding:0px;
    border-bottom:1px solid #DDD;
    border-right:1px solid #DDD;
    text-align:center;
    background-color:#EFEFEF;
    color:#BBB;
}

.class-years li a{
    display:block;
    background-color:#FFF;
    
}

.class-years li a:hover{
    color:#FFF;
    background-color:#A00;
}
a.send-updates{
    padding:7px;
    background:#d72121;
    color:#FFF;
    font-size:90%;
    
}

a.send-updates:hover{
    background:#101820;
}


@media (min-width: 40em) {
    .class-years{
        margin-top:75px;
    }
    .class-years li {
    font-size:85%;
}
    
}
@media (min-width: 60em) {
    .class-years li {
    font-size:75%;
}
    
}