html {
  scroll-behavior: smooth;
}
body {
  font-family: "Lato", sans-serif;
}
.mySlides {
  display: none;
  overflow: clip;
}
.w3-top {
  z-index: 2;
}
#logo-menu {
  height: 22px;
}
#hamburger, #closer {
  height: 22px;
  width: 22px;
  z-index: 1;
}
#logo {
  position: absolute;
  left: 50vw;
  z-index: 1;
}
#band {
  display: none;
}
audio {
  width: 100%;
  background: #000;
}
.noBorder {
  border-bottom: 0 !important;
}
.portrait {
  margin-bottom: 0;
}
.caption {
  margin: 6px 0 20px 0;
}
.w3-half iframe {
  height: 207px;
}
.w3-light-grey {
  background-color: #eee !important;
}
#lineup, #vids, #tour, #contact, #banner {
  scroll-margin-top: 46px;
}
.credits {
  position: absolute;
  left: 20px;
  bottom: 0;
  text-align: right;
  color: #eee;
}
@media (orientation: landscape) {
  #logo {
    top: 50vh;
    width: 300px;
    margin: 0 0 0 -150px;
  }
  .mySlides {
    width: 100vw !important;
  }
  .mySlides img {
    width: 100%;
    height: auto !important;
  }
  .credits {
    font-size: 1em;
  }
}
@media (orientation: portrait) {
  #logo {
    top: 230px;
    width: 200px;
    margin: -19.5px 0 0 -100px;
  }
  .w3-bar a:hover {
    background: #000 !important;
  }
  .mySlides {
    height: 100vw !important;
  }
  .mySlides img {
    height: 100%;
    width: auto !important;
    margin-left: -33.33%;
  }
  .credits {
    font-size: 0.8em;
  }
}