:root {
  --promo-width: ((35vh + 10px - .5em) * 4 / 3);
  --promo-height: (35vh + 10px - .5em);
}

html, body {
  font-size: 4vh;
}

#isDesktop {
  display: block;
}

.slideshow {
  width: calc(var(--promo-width) * 2 + 10vw);
	height: calc(var(--promo-height));
  left: calc((100% - var(--promo-width) * 2 - 10vw) / 2);
}

.slideshow-slider > div {
  margin-top: .5em;
	height: calc(var(--promo-height));
  width: var(--promo-width);
}

.slideshow-slider h1 {
  font-size: 1.5em;
}

.slideshow-slider button {
  margin-bottom: .25em;
}

header > a.logo > img {
  height: 50vh;
}

@keyframes zoom {
  0% {height: 50vh;}
  100% {height: 22vh;}
}

#home .dots {
  margin-top: .5em;
}

.hide {
  display: none;
}

#about {
  padding: 0em 20% 2em 20%;
  width: 60%;
}

article {
  padding: 15vh 20% 0 20% !important;
}

#footer {
  width: 100vw;
  left: -20vw;
  position: relative;
}

#footer > div {
  grid-template-columns: 1fr 1fr;
}

section {
  padding-left: 20% !important;
  padding-right: 20% !important;
}

#home-header {
  background-color: black;
}

#ticket-booth {
  width: 100%;
}

#ticket-booth > div {
  width: fit-content;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

#about-boxes {
  width: 40ch;
  font-size: 1em;
}

#about-boxes img {
  bottom: -1.5ch;
}

/* ----------------------------*/
/*             Ticket          */
/* ----------------------------*/
.ticket {
  background: #333;
  width: 30ch;
  height: 15ch;
  margin-left: auto;
  margin-right: auto;
}


.fadeshow {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* .fadeshow img {
  height: 90vh;
} */

#announcements {
  width: 50%;
  font-size: 16pt;
}

#sitemap {
  padding-left: 1em;
  border-left: 1px solid #505050;
  margin-top: 2.5em;
  border-top: 0;
}

#address > div {
  grid-template-columns: 1fr 1fr;
}

#prices .rules {
  padding: 2.5em;
  background-color: darkviolet;
  color: #f0f0f0;
  border-radius: 1em;
  box-shadow: .25em .25em .25em #303030;
  text-align: left;
  width: 30ch;
  margin-left: auto;
  margin-right: auto;
}

#prices .rules li {
  padding-bottom: .2em;
}

#prices button {
  font-size: 1.2em;
  border-radius: 1em;
  padding: .5em 2em .5em 2em;
  background-image: linear-gradient(45deg, #5050ff, #8080ff);
  color: white;
}

.included, .unincluded {
  font-weight: bold;
  padding: 0 2em;
}

.box {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}