.monthheader,.monthfooter{display:flex;align-items:center}.monthfooter{justify-content:space-between}.monthheader H1{flex-basis:100%;flex-shrink:1;text-align:center}.dateblock{display:flex;border-bottom:5px solid #ccc;padding-top:20px}.dateblock.past{background:#eee}.dateblock .date{padding:5px 40px 20px 20px}.dateblock .date .dayname{text-transform:uppercase;font-size:25px;text-align:center;margin:0;padding:0;line-height:1em;color:#2871b8}.dateblock .date H2{font-weight:700;color:#2871b8;font-size:50px;margin-top:0;padding-top:0;line-height:1em}.dateblock.past .date *{color:#ccc!important}.dateblock .eventlist{flex-basis:100%;flex-shrink:1}.dateblock .eventlist .listitem{border-bottom:0}@media only screen and (max-width:700px){.monthheader{flex-wrap:wrap;justify-content:space-between}.monthheader A{order:1}.monthheader h1{order:0;flex-basis:100%;flex-shrink:0;margin-bottom:0}}