* {
  margin: 0;
  box-sizing: border-box;
  }

body {
  background-color: var(--lightgrey); /*lightgrey*/
}

#container {
  display: grid;
  grid-template-columns: 30% auto 30%;
}

.kantlijn {
  background-color: var(--yellow);
  border: var(--border-th) solid blue;
}

.midden {
  text-align: center;
  color: var(--darkgrey);
  background-color: var(--yellow);
  font-family: "comic-sans", sans-serif;
}

.contact {
	background-color: var(--cream);
	border-radius: 30px;
}

@media only screen and (max-width: 600px) {
  #container {
    display: grid;
    grid-template-columns: 5% auto 5%;}
  #items {display: block;
    padding: 0px;
    background-color: var(--lightgrey);}
  .date, .location, .info {padding: 5px;background-color: var(--yellow);}
  .info{margin: 0px 0px 30px 0px;}
}