html {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
 
}

body {
  width: 100%;
  margin: 0;
  font-family: sans-serif;
 
 overflow-x: hidden;
 
}
body,html {
  margin:0;
  padding:0;
}
.container{
	width: 100%
}
.imgheader{
	background-color: black;
}
.menu { text-align:center; background-color:#002327; height:50px; display:flex;}

.menu ul{ text-align:center; margin:0 auto;}
.menu ul li { display:inline-block; font-size:20px; color:#FFFFFF; margin-left:5px; margin-top:0px; line-height:20px; vertical-align:middle;margin-top: 10px;}

.welcomepart{ background-image:linear-gradient(100deg, #00dcf2 20% , #343fff);background-size: 100%; display:none; margin-top:-4px; height:auto; visibility: hidden;}

.linup{background-image:url(./images/music_bg.png);background-size:100%; display:flow-root; width: 100%; margin:0 auto;  text-align:center; background-repeat: no-repeat;
 height: 100%; padding-top:20px;}

.join{background-image:url(./images/join.png);background-size:100%; display: inline-table; width: 100%; height:442px; margin-top: -25px;}

.foodtruck{ background-color:#000000; display: grid; margin:0 auto; text-align:center;}

.sponsor{ background-color:#100a15;}
.combobox {
    margin: 0;
    padding: 0;
}

.combobox input {
    margin: 0;
    padding: 0;
    height: 50px;
    vertical-align: top;
}

.combobox .dropdown_btn {
    width: 100px;
    height: 45px;
    margin-left: -110px;
    display: inline-block;
    cursor: pointer;
    background-color: #07d0f5;
	margin-top: 4px;
	vertical-align: middle;
line-height: 45px;
font-size: 20px;
}


.slider {
  position: absolute;
  top: 68px;
  left: 0;
  width: 500%;
  height: 615px;
 -webkit-animation: animate 10s linear infinite;
}
.slider .slide {
  position: relative;
  width: 20%;
  height: 100%;
  float: left;
}
.slider .slide .caption {
  position: absolute;
  bottom: 60px;
  left: 60px;
  right: 60px;
  padding: 30px;
  background: rgba(0, 0, 0, .5);
  box-sizing: border-box;
  transition: 0.5s;
}
.slider .slide .caption h2 {
  margin: 0 0 20;
  padding: 0;
  color: #fff;
  font-size: 48px;
  transition: 0.5s;
}
.slider .slide .caption p {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 20px;
  transition: 0.5s;
}

.container .slider .slide.slide1 {
  background: url('./images/header_1.png');
  background-size: cover;
  background-position: center;
}
.container .slider .slide.slide2 {
  background: url('./images/header_2.png');
  background-size: cover;
  background-position: center;
}
.container .slider .slide.slide3 {
  background: url('./images/header_3.png');
  background-size: cover;
  background-position: center;
}
.container .slider .slide.slide4 {
  background: url('./images/header_4.png');
  background-size: cover;
  background-position: center;
}

.welcometxt{text-align:center; width:100%; clear:both; color:#de6e04; font-size:40px; line-height:0px; text-transform:uppercase; font-weight:bold;text-shadow: 2px 4px 8px #000000; font-family: Arial Rounded MT Bold;}

.partytxt{ text-align:center; width:100%; clear:both;color:#de6e04;font-size:40px;line-height:0px;text-transform:uppercase; font-weight:bold;text-shadow: 2px 4px 8px #000000; font-family: Arial Rounded MT Bold;}

.linuptxtdiv{background-image:url(./images/live_bg_1.png);background-size:100%; width:65%; margin:0 auto; clear:both; display:inline-block;}

.desktop{ display:block;}

.livetxt{margin-left:10px; font-weight:bold; font-family: Arial Rounded MT Bold; font-size:10px;}

.jointxt1{text-align:center; width:100%; font-size:34px; color:#07d0f5; font-weight:bolder; font-family: Arial Rounded MT Bold;}

.jointxt2{text-align:center; width:100%;font-size:30px; color:#07d0f5; font-weight:bolder; line-height:1px; font-family: Arial Rounded MT Bold;}

.mailbox{width:500px; height:50px; background:none;  border: 1PX solid #fff;}

.foodtruck{ width:100%; height:auto;}

.foodtrdiv{ width:60%; margin:0 auto; text-align:center;}

.footerleft{width:40%; float:left;}

.footerright{width:40%; float:left;}

.footerchild{width:30%; margin:0 auto;}

.footertxt1{clear:both; width:100%; color:#06205c;font-size:18px;font-weight:bold;margin-left:20px; font-family: Bell Gothic Std;}
.footertxt2{clear:both; width:100%;color:#06205c;font-size:18px;font-weight:bold;margin-left:20px; font-family: Bell Gothic Std;}

.livemusicleft{width:55%; float:left;  margin:0 auto; text-align:center}
.livemusicright{width:40%; float:left;  color:#FFFFFF; font-size:18px; border-left:1px solid #3fc6fe; text-align:left; }

.innersignup{display:flow-root; border: 1px solid #3fc6fe; width:65%; margin:0 auto;}

.bandimage{max-width:100%; max-height:400px;}

.maguire{width: 400px;}


@-webkit-keyframes animate {

  0% {
      left: 0;
	  overflow:hidden;
  }
  20% {
      left: 0;
	  overflow:hidden;
  }
  25% {
      left: -100%;
	  overflow:hidden;
  }
  45% {
      left: -100%;
	  overflow:hidden;
  }
  50% {
      left: -200%;
	  overflow:hidden;
  }
  70% {
      left: -200%;
	  overflow:hidden;
  }
  75% {
      left: -300%;
	  overflow:hidden;
  }
  95% {
      left: -300%;
	  overflow:hidden;
  }
  100% {
      left: 0;
	  overflow:hidden;
  }
}


.mobileimg{ display:none;}
.webimg{ display:block;}

.sponserdiv{float:left; width:25%; margin:0 auto; text-align:center;}

.gapst{ display:block;}

.hardrock{height:60px;}

.howardhanna{width: 80% ; margin-top:20px;}

.SUA{ width:50%;}

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

.howardhanna{width: 70% !important;}


.innersignup{ width:95% !important; max-height: 250px !important;}

.bandimage{max-width:80%; margin-top: 30px; margin-left:10px !important;}

.livemusicleft{width:49%; float:left;  margin:0 auto; text-align:center}
.livemusicright{width:50%; float:left;  color:#FFFFFF; font-size:18px; border-left:1px solid #3fc6fe; text-align:left; height: inherit !important;
display: grid !important; }



.footertxt1{clear:both; width:100%; color:#06205c;font-size:14px !important;font-weight:bold;margin-left:20px; font-family: Bell Gothic Std;}

.footertxt2{clear:both; width:100%;color:#06205c;font-size:14px !important;font-weight:bold;margin-left:20px; font-family: Bell Gothic Std;}

.footerchild{width:100% !important; margin:0 auto;}

.footerleft{width:100%; float:none;}

.footerright{width:100%; float:none;}

.join{ height:auto;}

.welcomepart{visibility: visible !important;}
  .welcometxt{text-align:center; width:100%; clear:both; color:#de6e04; font-size:20px !important; line-height:0px; text-transform:uppercase; font-weight:bold;text-shadow: 2px 4px 8px #000000; font-family: Arial Rounded MT Bold; line-height:normal;}
  
  .partytxt{ text-align:center; width:100%; clear:both;color:#de6e04;font-size:20px !important;line-height:20px !important;text-transform:uppercase; font-weight:bold;text-shadow: 2px 4px 8px #000000; font-family: Arial Rounded MT Bold;}
  
  .livetxt{margin-left:10px; font-weight:bold; font-family: Arial Rounded MT Bold; font-size:18px !important; line-height:auto !important;}
  
  .jointxt1{text-align:center; width:100%; font-size:24px !important; color:#07d0f5; font-weight:bolder; font-family: Arial Rounded MT Bold;}
  
  .jointxt2{text-align:center; width:100%;font-size:12px !important; color:#07d0f5; font-weight:bolder; line-height:1px; font-family: Arial Rounded MT Bold;}
  
  .foodtrdiv{ width:96%; margin:0 auto; text-align:center;}
  
  .combobox input { height:50px !important;}
  
  .mailbox{width:90% !important; height:50px; background:none;}
  
  .linuptxtdiv {width: 95% !important; background-repeat: no-repeat; background-size: cover;}
  
  .desktop{ display:none!important;}

  .slider .slide .caption {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding: 20px;
  }
  .slider .slide .caption h2 {
    margin: 0 0 10;
    font-size: 30px;
  }
  .slider .slide .caption p {
    font-size: 16px;
  }
  .container .slider .slide.slide1 {
  background: url('./images/header_1.png');
  background-size: cover;
  background-position: center;
}
.container .slider .slide.slide2 {
  background: url('./images/header_2.png');
  background-size: cover;
  background-position: center;
}
.container .slider .slide.slide3 {
  background: url('./images/header_3.png');
  background-size: cover;
  background-position: center;
}
.container .slider .slide.slide4 {
  background: url('./images/header_4.png');
  background-size: cover;
  background-position: center;
}

.hardrock{height:0px !important;}

}



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

  .menu ul{ padding:0px !important;}
  .menu ul li { font-size:8px; line-height: 50px; margin-top: 0px; margin-left: 0px !important;}
  .menu ul li img{ padding: 0px; margin: 0px; max-width: 100% !important; width: 35px;}
  .overimage>img{ width:45%}
  .slider{height: 220px !important; top:0px !important;}
  .sliderimages{height: 220px !important; max-width: 100% !important;  overflow-x: hidden !important;
    position: relative !important;}  
  .container { max-width:600px !important;}
  .linup{background-size: cover !important; background-repeat: repeat-y; height: 100%;}
  .linuptxtdiv {
  height: 260px !important;
}

.mobileimg{ display:block !important;}
   .webimg{ display:none !important;}
   
   .lineupslide{max-width: 100% !important;overflow-x: hidden !important; position: relative !important;}
   
   .sponserdiv{ float: none !important;  width: 100% !important;}
   
   .gapst{ display:none!important;}
   .linuptxtdivcontainer{ overflow-x: hidden !important; position: relative !important;}
   .maguire{width: 100%;}
   
}