/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
  background-color: black;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

#container {
  width: 100%;
  margin: auto;
  background: black;
}

/**************header stuff*************************/
#video {
  width: 100%;
  padding-top: 20px;
  height: 700px;
}

@media screen and (max-width: 600px) {
  #video {
    height: 500px;
  }
}
@media screen and (max-width: 400px) {
  #video {
    height: 400px;
  }
}
/******************desktop nav stuff*************************/
#desktop {
  clear: both;
  padding-top: 65px;
  z-index: 2;
  position: fixed;
  width: 100%;
}

#desktop ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
#desktop ul li a {
  padding: 25px 50px 10px 50px;
  text-decoration: none;
  z-index: 1;
  -webkit-transition: padding-bottom .5s;
          transition: padding-bottom .5s;
}
#desktop ul li a:hover {
  padding-bottom: 30px;
}

nav#desktop ul li {
  color: #BBBDC0;
  font-size: 23px;
  font-family: "Nova Square", san-serif;
  z-index: 0;
}

nav#desktop ul li a:hover {
  text-decoration: underline;
}

nav#desktop ul li a#home {
  background: rgba(81, 162, 203, 0.78);
  color: #BBBDC0
  /*    padding:10px 95px 20px 10px;*/
}

nav#desktop ul li a#home:hover {
  background-color: #51a2cb;
}

nav#desktop ul li a#about {
  background: rgba(175, 46, 136, 0.78);
  color: #BBBDC0
  /*    padding:10px 96px 20px 10px;*/
}

nav#desktop ul li a#about:hover {
  background-color: #af2e88;
}

nav#desktop ul li a#lineup {
  background: rgba(103, 188, 69, 0.78);
  color: #BBBDC0
  /*    padding:10px 71px 20px 10px;*/
}

nav#desktop ul li a#lineup:hover {
  background: #67bc45;
}

nav#desktop ul li a#tickets {
  background: rgba(237, 29, 96, 0.78);
  color: #BBBDC0
  /*    padding:10px 87px 20px 10px;*/
}

nav#desktop ul li a#tickets:hover {
  background-color: #ed1d60;
}

#open {
  position: fixed;
  z-index: 3;
  width: 100%;
  background-color: black;
}
#open img {
  width: 100%;
  padding-top: 5px;
}

@media screen and (max-width: 800px) {
  .slider {
    display: none;
  }
}
#logo {
  position: absolute;
  z-index: 1;
  width: 53%;
  padding-top: 120px;
  padding-left: 5%;
}

#mlogo {
  display: none;
  z-index: 2;
  position: absolute;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  padding-top: 50px;
}

@media screen and (max-width: 800px) {
  #mlogo {
    display: block;
  }

  #logo {
    display: none;
  }
}
#phonenav {
  padding-top: 50px;
}

#phone {
  padding-top: 20px;
}

@media screen and (max-width: 400px) {
  #phone {
    padding-top: 10px;
  }
}
#phone ul li a {
  font-size: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  color: #BBBDC0;
  margin: 10px;
  font-family: "Nova Square", sans-serif;
  text-decoration: none;
}

#phone ul li {
  padding: 20px;
  text-align: center;
}

#mhome {
  background-color: rgba(81, 162, 203, 0.78);
  margin: 10px;
}

#mabout {
  background-color: rgba(175, 46, 136, 0.78);
  margin: 10px;
}

#mlineup {
  background-color: rgba(103, 188, 69, 0.78);
  margin: 10px;
}

#mtickets {
  background-color: rgba(237, 29, 96, 0.78);
  margin: 10px;
}

#menuLink img {
  width: 10%;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  margin-left: 45%;
  margin-right: 45%;
}

#menuLink {
  cursor: pointer;
  display: none;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

#menu {
  display: none;
  padding: 5px;
}

#homephonenav {
  display: none;
}

@media screen and (max-width: 800px) {
  #homephonenav {
    display: block;
    padding-top: 350px;
  }
}
@media screen and (max-width: 700px) {
  #homephonenav {
    padding-top: 300px;
  }
}
@media screen and (max-width: 600px) {
  #homephonenav {
    padding-top: 270px;
  }
}
@media screen and (max-width: 500px) {
  #homephonenav {
    padding-top: 220px;
  }
}
/******************headers stuff*************************/
h1 {
  font-size: 25px;
  font-family: "Nova Square", helvetica, arial, sans-serif;
  color: #BBBDC0;
  float: left;
}

h2 {
  font-size: 18px;
  font-family: "Nova Square", sans-serif;
  color: #BBBDC0;
  float: right;
}

@media screen and (max-width: 500px) {
  h1 {
    font-size: 20px;
  }

  h2 {
    font-size: 15px;
  }
}
h3 {
  font-size: 23px;
  font-family: "Nova Square", sans-serif;
  color: #BBBDC0;
  background: rgba(175, 46, 136, 0.75);
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

h4 {
  color: #BBBDC0;
  font-family: "Nova Square", sans-serif;
  font-size: 30px;
  padding: 5px;
  text-align: center;
}

content p {
  color: #BBBDC0;
  width: 66.5%;
  margin-left: 15.5%;
  padding: 10px;
  font-family: "Nova Square", sans-serif;
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 30px;
}
@media screen and (max-width: 700px) {
  content p {
    width: 80%;
    margin-left: 8%;
  }
}

.callout {
  width: 45%;
  font-size: 30px;
  font-family: "Nova Square", sans-serif;
  color: #BBBDC0;
  background: rgba(103, 188, 69, 0.78);
  text-align: center;
  padding: 10px;
  border: none;
  margin-left: 2.5%;
  margin-top: 20px;
  margin-bottom: 20px;
  float: none;
}

.callout:hover {
  background: #67bc45;
  text-decoration: underline;
  -webkit-transition: background .2s ease-in;
          transition: background .2s ease-in;
  cursor: pointer;
}

#btn1 {
  background: rgba(237, 29, 96, 0.78);
}

#btn1:hover {
  background: #ed1d60;
  text-decoration: underline;
}

#bands {
  width: 95%;
  margin-left: 2.5%;
  margin-right: 2.5%;
  padding-top: 7%;
}
#bands #holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#bands #holder .bandimgs {
  width: 15%;
  position: relative;
  z-index: 0;
  margin: 5px;
}
#bands #holder .bandimgs img {
  width: 100%;
  margin: 0;
  padding: 0;
}
#bands #holder .bandimgs .bandlabel {
  position: absolute;
  height: 100%;
  z-index: 5;
  top: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100%;
  padding-top: 50px;
  background: rgba(103, 188, 69, 0);
  font-family: "Nova Square";
  color: transparent;
}

@media screen and (max-width: 900px) {
  #bands #holder .bandimgs {
    width: 20%;
    margin: 5px;
  }
  #bands #holder .bandimgs .bandlabel {
    margin-left: 0px;
  }
}
@media screen and (max-width: 751px) {
  #bands #holder .bandimgs {
    width: 30%;
    margin: 5px;
  }
}
@media screen and (max-width: 631px) {
  #bands #holder .bandimgs {
    width: 45%;
  }
}
.bandlabel:hover {
  background: rgba(103, 188, 69, 0.78) !important;
  cursor: pointer;
  -webkit-transition: background .2s ease-in, color .2s ease-in;
          transition: background .2s ease-in, color .2s ease-in;
  color: black !important;
}

@media screen and (max-width: 900px) {
  .bandimgs {
    width: 20%;
    position: relative;
    z-index: 0;
    float: left;
  }
  .bandimgs img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .bandimgs .bandlabel {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    margin-left: 5%;
  }
}
@media screen and (max-width: 800px) {
  #bands {
    padding-top: 10px;
  }
}
@media screen and (max-width: 600px) {
  #bands img {
    padding: 5px;
  }
}
@media screen and (max-width: 420px) {
  #bands img {
    padding: 5px;
  }
}
@media screen and (max-width: 350px) {
  #bands img {
    width: 52%;
    padding: 5px;
  }
}
#ticketinfo {
  padding-bottom: 20px;
  margin-top: 7%;
}

#ticketinfo ul {
  color: #BBBDC0;
  width: 66.5%;
  margin-left: 17.5%;
  padding: 10px;
  font-family: "Nova Square", sans-serif;
  line-height: 40px;
  font-size: 20px;
  margin-bottom: 20px;
}

.price {
  float: right;
}

.table {
  width: 80%;
  margin-left: 10%;
}
.table tbody tr th {
  font-family: "Nova Square";
  color: #BBBDC0;
}
.table tbody tr td {
  font-family: "Nova Square";
  color: #BBBDC0;
}
.table tbody tr td button {
  background-color: transparent;
  border: none;
}
.table tbody tr td img {
  max-width: 40px;
}

.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-transition: background-color .1s ease-in;
          transition: background-color .1s ease-in;
}

.modal-header {
  background-color: dimgray;
}

/******mobile size **********/
@media screen and (max-width: 480px) {
  nav#phone {
    display: block;
  }

  #menuLink {
    display: block;
  }

  nav#desktop {
    display: none;
  }
}
/******tablet size **********/
@media screen and (min-width: 481px) and (max-width: 850px) {
  nav#desktop {
    display: none;
  }

  #menuLink {
    display: block;
  }
}
/******desktop size **********/
@media screen and (min-width: 851px) {
  nav#phone {
    display: none;
  }
}
.days {
  background-color: rgba(187, 189, 192, 0.75);
  width: 82.5%;
  margin-left: 1.5%;
  padding: 10px;
  font-family: "Nova Square", sans-serif;
  line-height: 20px;
  font-size: 15px;
}

.mobileschedule {
  width: 82.5%;
  margin-left: 6.5%;
  padding: 10px;
  font-family: "Nova Square", sans-serif;
  line-height: 20px;
  font-size: 15px;
  display: none;
}

@media screen and (max-width: 850px) {
  .mobileschedule {
    display: block;
  }
}
#thegallery {
  padding-top: 8%;
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
}

@media screen and (max-width: 850px) {
  #thegallery {
    padding-top: 5%;
  }
}
#thegallery a img {
  width: 15%;
  padding: 5px;
}

@media screen and (max-width: 850px) {
  #thegallery a img {
    width: 30%;
    padding: 5px;
  }
}
@media screen and (max-width: 600px) {
  #thegallery a img {
    width: 40%;
    padding: 5px;
  }
}
.dropdown {
  width: 200px;
}

.dropdown button {
  font-family: "Nova Square";
  width: 100%;
}

.dropdown ul li a {
  font-family: "Nova Square";
  text-align: center;
}

.dropdown ul {
  width: 200px;
}

#dropdowns {
  padding-top: 10px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

@media screen and (max-width: 800px) {
  .dropdown {
    width: auto;
  }

  #dropdowns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 10px;
  }
  #dropdowns button {
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .dropdown {
    padding-bottom: 10px;
  }

  .dropdown ul {
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
}
footer {
  background: black;
  padding-top: 5%;
  height: 100px;
}
footer #bottomb {
  width: 100%;
}

#facebook {
  width: 3%;
  padding: 10px 20px 20px 10px;
  margin-left: 80%;
}

#twitter {
  width: 3%;
  padding: 10px 10px 20px 10px;
}

@media screen and (max-width: 800px) {
  #facebook {
    width: 5%;
    margin-left: 75%;
  }

  #twitter {
    width: 5%;
  }
}
@media screen and (max-width: 600px) {
  #facebook {
    width: 8%;
    margin-left: 65%;
  }

  #twitter {
    width: 8%;
  }
}
#holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#holder .box {
  width: 15%;
  position: relative;
  z-index: 0;
  margin: 5px;
}
#holder .box .holders {
  width: 100%;
  margin: 0;
  padding: 0;
}

/*# sourceMappingURL=style.css.map */