body{
  background: #E6E6E6;
  height: 100%;
}

.hero{
  height: 100%;
}

.logo{
  width: 75px;
}

@media (max-width: 768px) {
  .menu{
    text-align: center;
  }
}

.menu a{
  color: black;
  font-weight: 600;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .menu a{
    font-size: 35px;
  }
}




.main{
  position: relative;
  max-height: 700px;
}

.main .hero{
  max-height: 600px;
}

.main .title{
  position: absolute;
  bottom: -10vh;
}

.main .event-date{
  position: absolute;
  left: 0;
  top: 150px;
}

@media (max-width: 768px) {
  .main .event-date{
    position: static;
  }
}

.main .event-date p{
  font-size: 30px;
  line-height: 25px;
  font-weight: 800;
}

.main .event-date p .separator {
  color: #FFC30E;
}

ul.table {
	margin-left: 0;
	padding-left: 0;
}
.bands {
  text-align: center;
  padding: 0;
}

.bands .separator{
  margin: 0 5px;
}

.bands li{
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 800;
  display: inline-block;
  line-height: 1.1;
}

.bands li.top{
  font-size: 40px;
}

@media (max-width: 575.98px) {
  .bands li{
    width: 100%;
  }
}

.hero-button{
  display: inline-block;
  margin-top: 15px;
  font-size: 30px;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  height: 55px;
  line-height: 55px;
  width: 350px;
  border: 0;
  background: #ECB209;
  transform: rotateY(0deg) rotate(-2deg);
  margin-bottom: 35px;
  color: #000000;
  text-decoration: none;
}

@media (max-width: 768px) {
  .hero-button{
    width: 100%;
    min-width: auto;
  }
}

.hero-button:hover{
  color: #ffffff;
}

.maps{
  margin: 85px 0 110px;
}

.maps .btn-map{
  cursor: auto;
  height: 150px;
  width: 650px;
  max-width:  650px;
  background: url('../img/btn-back-background@2x.png')no-repeat;
  background-size: cover;
  border: 0;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
}

@media (max-width: 768px) {
  .maps .btn-map{
    height: 100px;
    width: 100%;
    font-size: 35px;
  }

  .maps .map-right-wrapper{
    overflow: hidden;
  }

  .maps .map-right{
    transform: rotate(-50deg);
    overflow-x: hidden;
  }
}

.maps .map-right{
  max-height: 320px;
}

.maps p{
  font-size: 20px;
}

.program{
  background: #ACACAC;
  padding: 110px 0 50px;
}

.program .btn-title{
  cursor: auto;
  text-transform: uppercase;
  min-height: 120px;
  width: 520px;
  max-width: 520px;
  background: url('../img/program-bg-button@2x.png')no-repeat;
  background-size: cover;
  border: 0;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 25px;
}

@media (max-width: 768px) {
  .program .btn-title{
    width: 100%;
    font-size: 35px;
  }
}

.program .setup{
  position: relative;
  background: url('../img/stomps@2x.png')no-repeat;
  background-size: contain;
  background-position: center center;
  min-height: 540px;
}

.program .setup .table{
  position: relative;
  margin-top: 95px;
}

@media (max-width: 990px) {
  .program .setup .table {
    margin: 0;
    padding: 0;
	width: 100%;
  }
}




.program .setup .table li{
  height: 50px;
  line-height: 50px;
  background: #ECB209;
  font-size: 30px;
  font-weight: 300;
  list-style: none;
  margin-bottom: 10px;
  padding-left: 25px;
  display: inline-block;
  padding-right: 25px;
}

@media (max-width: 995px) {
  .program .setup .table li {
    width: 100%;
    font-size: 25px;
  }
  .half-program {
  	width: 100%;
  }
}

.program .setup .table .time {
  font-weight: bold;
}

.program .setup .table .separator{
  margin-left: 10px;
  font-weight: normal;
  color: #ffffff;
  margin-right: 10px;
}

.program .post-title{
  font-size: 60px;
  line-height: 73px;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 600;
  transform: rotateY(0deg) rotate(-2deg);
  margin-top: 20px;
  text-align: center;
}

.presale{
  background: #EBEBEB;
  padding: 120px 0 75px;
}

.presale .btn-title{
  cursor: auto;
  text-transform: uppercase;
  height: 150px;
  width: 760px;
  max-width: 760px;
  background: url('../img/presale_title@2x.png')no-repeat;
  background-size: cover;
  border: 0;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 768px) {
  .presale .btn-title{
    width: 100%;
    background-size: 100% 100%;
    font-size: 35px;
  }
}


.presale .options{
  min-height: 430px;
  position: relative;
  top: -5px;
}

@media (max-width: 768px) {
  .presale .options{
    position: static;
  }
}

.presale .options .inner{
  padding: 30px 20px;
}

.presale .options .inner h3{
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

.presale .options .inner h4{
  color: #ffffff;
  font-weight: 700;
  font-size: 40px;
}

.presale .options .inner .post{
  font-size: 30px;
  font-weight: 300;
}

.presale .options .inner p{
  font-size: 20px;
  line-height: 30px;
  margin-top: 40px;
  max-width: 70%;
}

.presale .options .logo-secondary{
  margin-top: 80px;
}

.presale .left{
  padding: 25px;
  background: url('../img/presale_left_bg_clr@2x.png')no-repeat #FFC00D;
  background-position: bottom right;
  background-size: 35% auto;
}

.presale .right{
  padding: 25px;
  background: url('../img/presale_right_bg_clr@2x.png')no-repeat #FFC00D;
  background-position: bottom left;
  background-size: 35% auto;
  text-align: right;
}

@media (max-width: 768px) {
  .presale .left, .presale .right{
    margin-bottom: 25px;
  }
}

.presale .right .inner p{
  float: right;
}

.presale .post p{
  font-size: 30px;
  line-height: 37px;
  font-weight: 400;
}

.presale .btn-buy{
  display: inline-block;
  text-decoration: none;
  font-size: 40px;
  font-weight: 700;
  color: #ffffff;
  height: 55px;
  line-height: 55px;
  min-width: 450px;
  background: #000000;
  border: 0;
  margin-top: 35px;
}

@media (max-width: 768px) {
  .presale .btn-buy{
    font-size: 30px;
    width: 100%;
    min-width: auto;
  }
}


.presale .btn-buy:hover{
  color: #FFC00D;
}


.contact{
  background: url('../img/contact_bg@2x.jpg')no-repeat #FDB306;
  background-position: center 50px;
  padding: 50px 0;
  height: 900px;
}

@media (max-width: 768px) {
  .contact{
    background-size: 200%;
  }
}

.contact .form{
  margin-top: 310px;
}

.contact .contact-us{
  display: inline-block;
  background: url('../img/contact_us@2x.png')no-repeat;
  background-position: center center;
  min-width: 560px;
  height: 125px;
  line-height: 125px;
  font-size: 45px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border: 0;
  margin-bottom: 65px;
}

@media (max-width: 768px) {
  .contact .contact-us{
    width: 250px;
    min-width: auto;
    background-size: cover;
    font-size: 20px;
    line-height: normal;
    height: auto;
    padding: 20px 30px;
  }
}

.contact .contact-us .email{
  display: inline-block;
  transform: rotateY(0deg) rotate(-1deg);
}

.contact .write-us{
  display: inline-block;
  background: url('../img/write_us@2x.png')no-repeat;
  background-position: center center;
  width: 350px;
  height: 120px;
  line-height: 120px;
  font-size: 40px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border: 0;
  margin-bottom: 120px;
}

@media (max-width: 768px) {
  .contact .write-us{
    line-height: normal;
    font-size: 20px;
    height: auto;
    padding: 20px 30px;
  }
}

.contact .write-us .title{
  display: inline-block;
  transform: rotateY(0deg) rotate(-2deg);
}

.contact .socials{
  text-align: center;
}

.contact .social{
  display: inline-block;
  height: 45px;
  line-height: 45px;
  width: 205px;
  background: url('../img/contact_social@2x.png')no-repeat;
  background-position: center center;
  text-align: center;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}

.contact .social img{
  margin-right: 7px;
}

.partners{
  text-align: center;
  background: url('../img/partners_bg@2x.jpg')no-repeat #EBEBEB;
  background-size: cover;
  padding: 50px 0 110px;
  min-height: 800px;
}

.partners h3{
  font-weight: 700;
  font-size: 40px;
  margin-top: 30px;
}

.partners p{
  font-size: 30px;
  font-weight: 100;
  margin-bottom: 20px;
}

.partners .main-list{
  margin-bottom: 75px;
}

.partners .list .partner{
  margin-bottom: 60px;
}

div.category {
	margin-bottom: 20px;
}
div.category ul {
	list-style: none;
    margin-left: 0;
    padding-left: 0;
}
div.category li {
	display: inline-block;
	width: 15%;
	margin: 0 20px 80px 20px;
}


footer{
  background: #4E4E4E;
  padding: 60px 0;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}

footer ul{
  list-style: none;
}

footer a{
  color: #ffffff;
}

footer a:hover{
  color: #ffffff;
  text-decoration: underline;
}

footer li{
  display: inline-block;
  margin-right: 40px;
}
.desktop-hidden {
	display: none !important;
}

@media (max-width: 990px) {
	
	div.category li {
		display: inline-block;
		width: 20%;
		margin: 0 2% 20px 2%;
	}
	.mobile-hidden {
		display: none !important;
	}
	.desktop-hidden {
		display: block !important;
	}
}


@media (max-width: 770px) {
	
	div.category li {
		display: inline-block;
		width: 25%;
		margin: 0 2% 20px 2%;
	}


}

@media (max-width: 500px) {
	
	div.category li {
		display: inline-block;
		width: 60%;
		margin: 0 2% 20px 2%;
	}
	div.category p {
		font-size: 20px;
	}
	div.category div.col p {
		font-size: 28px;
		margin-bottom: 5px;
	}
	section.partners {
		padding-bottom: 40px;
	}
	div.setup ul.table span.time i {
		display: none;
	}
	.program .setup .table li {
		padding-left: 2%;
		padding-right: 2%;
		width: 100%;
	}
}