#right {  display: block; width: calc(100% - 10px); padding: 5px;  }

#right .calendar {  margin: auto; margin-bottom: 20px; width: 80%; border-spacing: 2px; }
#right .calendar div {  text-align: center; }
#right .calendar td {   text-align: right; vertical-align: top; height: 38px; width: 14%; color: #777;  }
#right .day td {  height: auto; background: var(--lightgreen); text-align: center; color: #000;    }

#right .calEntry a {  color: var(--darkgreen); font-size: 13px; text-decoration: none;  }
#right .calEntry:hover {  background: var(--lightgreen);  }
#right .calEntry:hover a:hover {  background: none; color: #000; text-decoration: underline;  }


@media only screen and (max-width: 600px) {
  #right .calendar {  width: 100%; }
}