.eventbox {
    position: relative;
    width: 350px;
    margin: 5px 5px 5px 5px;
    padding: 0px;
    color: black;
    display: inline-block;
    text-align: center;
    border: 2px solid black;
    border-radius: 0px 0px 10px 10px;
}

.eventbox-image {
  width: 100%;
  padding-bottom: 5px;
}

.eventbox-date {
  padding: 0px 10px 0px 10px;
  font-size: 17px;
}

.eventbox-title {
  padding: 0px 10px 0px 10px;
  font-size: 19px;
  font-weight: bold;
}

.eventbox-descr {
  display: none;
  padding: 0px 10px 0px 10px;
  text-align: justify !important;
  font-size: 15px;
  font-weight: normal;
  font-family: cursive;
}

.eventbox-info {
  padding: 0px 10px 0px 10px;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
}

.eventbox-location {
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
}

.eventbox:hover {
  width: 350px;
}

.eventbox:hover .eventbox-descr {
  display: block !important;
}

/* ============================
				Mobile Responsiveness
   ============================*/
@media screen and (max-width: 768px) {

  .eventbox .timeline::before { display: none; }
  .eventbox .timeline_box { margin-left: 0;}
  .eventbox .timeline_date::before { display: none; }
  .eventbox .timeline_date::after { display: none; }

}