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

  .header-logoImage img {
    max-height: 20vw;
  }

  /* Make hamburger menu larger and easier to tap */
  i.icon.icon-menu:before {
    font-size: 30px;
    font-weight: bold;
    color: #fff; /* Change to #fff if your header is dark */
  }

  /* Increase tap area around the icon */
  i.icon.icon-menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    cursor: pointer;
  }

  .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: none;
  color: #ffffff;
  background-color: #141414;
  padding: 0;
  margin: 10px;
  width: 100px;
  height: 50px;
}

.occasional-button > .button-iconic:hover,
.occasional-button > .button-iconic.active {
  color: #ff0000;
  background-color: #141414;
}

/* Hide all user profile pictures */
.xg_avatar,
.xg_avatar img,
.avatar,
.avatar img,
.profilePhoto,
.profilePhoto img {
    display: none !important;
}