.grid-occasies {
  grid-template-areas:
    "logo"
    "header"
    "black"
    "banner"
    "black01"
    "occasies"
    "map contact"
    "map contact"
    "openingsuren"
    "footer";
  background-color: rgb(0, 0, 66);
}

.itemOccasies {
  grid-area: occasies;
  background-color: rgb(0, 0, 66);
  color: white;
  padding: 15px;
  text-align: center;
  padding-bottom: 25px;
  padding-top: 25px;
}

.link-occasies {
  color: white;
  text-align: center;
  background-color: rgb(77, 77, 77);
  border-style: groove;
  padding: 5px;
}

.link-occasies:hover {
  color: rgb(0, 0, 255);
}

@media (min-width: 600px) {
  .grid-occasies {
    display: grid;
    grid-template-areas:
      "logo  header header "
      "black black black"
      "banner banner banner"
      "black01 black01 black01"
      "occasies occasies occasies"
      "map  contact openingsuren "
      "map  contact openingsuren "
      "footer  footer footer ";
    grid-template-columns: repeat(3, 1fr);
    padding: 0px;
    background-color: rgb(0, 0, 66);
  }
}

.itemOccasies {
  font-size: 14px;
}