@media screen and (max-width: 769px) {
.header-logoImage img {
    max-height: 20vw;
}
  i.icon.icon-menu:before {
    font-size: 24px
  }
  .mainTab-item a {
    font-size: 18px;
    text-align: center;
}
}
.media-frame > .eventPage-image {
    background-size: contain;
    background-repeat: no-repeat;
}
}
.occasional-button {
  text-align: right;
}
.occasional-button > .button-iconic {
  border: solid;
  color: #ffffff;
  background-color: #141414;
  padding: 10px;
  margin: 10px;
  width: 100px;
 }
.occasional-button > .button-iconic:hover,
.occasional-button > .button-iconic.active {
  color: #ff0000;
  background-color: #141414;
}