#navigation {

  background-color: #a87765;
  display: grid;
  grid-template-columns: 20vw 20vw 20vw 20vw 20vw;
  grid-template-rows: 10vh;
  height: 10vh;
  width: 100vw;
  z-index: 100;

}

.navigation-box {

  color: #fff;
  cursor: pointer;
  display: inline-grid;
  font-family: 'Slabo';
  font-size: 2vw;
  height: inherit;
  line-height: 10vh;
  text-align: center;
  text-transform: lowercase;

}

.navigation-box img {

  height: 8vh;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1vh;

}

.navigation-box:hover {

  background-color: #c39280;

}

@media only screen and (max-width: 960px) {

  .navigation-box {

    font-size: 5vw;

  }

}
