header {
  /* width: 100%; */
  position: relative;
  margin: 0;
  padding: 0;
}

header img {
  width: 100%;
  margin: 0;
  padding:0;
}

.buy-ticket-button-long {
  margin: 0px auto;
  position: absolute;
  text-align: center;
  width: 100%;
  /* left: 23%; */
  min-width: 300px;
  top: auto;
  bottom: auto;
}

header > .buy-ticket-button-long:first-of-type {
  top: 15vh;
}

header > .buy-ticket-button-long:first-of-type + .buy-ticket-button-long {
  top: 20vh;
}

.buy-ticket-button-long a {
  font-size: 14px;
  color: white;
  text-decoration: none;
  text-align: center;
  background: #D80407;
  padding: 16px 48px;
  border: 4px solid #D80407;
  border-radius: 28px;
  font-weight: bold;
  text-transform: uppercase;
}

.buy-ticket-button-simple a {
  font-size: 14px;
  color: white;
  text-decoration: none;
  text-align: center;
  background: #D80407;
  padding: 20px 91px;
  border: 0cm solid #D80407;
  border-radius: 28px;
  font-weight: bold;
}

.buy-ticket-button-simple a:hover {
  background: white;
  color: #d71a20;
  border: 0px solid white;
  transition: background 60ms ease-out 0s; /* 100ms * 0.6 = 60ms */
}

@media (max-width : 1024px) {
  .buy-ticket-button-long {
    bottom: auto;
  }

  .buy-ticket-button-long a {
    margin-left: 4%;
  }
}

@media (max-width : 1366px) and (max-height: 1024px) {
  .buy-ticket-button-long {
    bottom: auto;
  }

  .buy-ticket-button-long a {
    margin-left: 4%;
  }
}

@media (max-width : 640px) {
.buy-ticket-button-simple a {
  font-size: 14px;
  color: white;
  text-decoration: none;
  text-align: center;
  background: black;
  padding: 12px 24px;
  border: 4px solid white;
  border-radius: 28px;
  font-weight: bold;
}

	.buy-ticket-button-long {
    display: none;
	}

	.buy-ticket-button-long a {
		pointer-events: auto; /* placeholder to avoid empty ruleset lint */
	}

	.buy-ticket-button-long a:hover {
		transition: none;
	  }

}