@media only screen 
and (max-device-width : 630px) {
  .event-date {
    font-size: 16px;
    margin: 10px 0px 5px 0px;
  }
  .event {
    margin-bottom: 12px;
  }
  #navbar {
    margin-top: 0px;
  }
 .main-menu {
  display: none;
 }
 .mobile-menu-icon {
  display: block;
  content: "";
  position: absolute;
  right: 5px;
  top: 10px;
  width: 1em;
  height: 0.15em;
  background: black;
  box-shadow: 
    0 0.3em 0 0 black,
    0 0.6em 0 0 black; 
}
 .mobile-menu.active {
  display: block;
 }
 .home {
  font-size: 22px;
 }
}