.grid-sub-item.event-item {
	display: grid;
	grid-template-columns: 80% 20%;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

.grid-sub-item.event-item:nth-of-type(2n+1) {
	background-color: #f9f9f9;
}

.grid-sub-item.event-item > div {
	padding: 0.8em;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

.event-name {
	grid-column: 1;
}

.event-date {
	grid-column: 2;
}

@media screen and (max-width: 991px) {
  .grid-sub-item.event-item {
    grid-template-columns: 69% 31%;
  }
}