body {
max-width: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Rock Salt', cursive;
}

section {

  min-height: 100vh;
border: 1px solid black;
}
.far{
  color: rgba(255, 255, 255, 0.5);
}

section#home {
  background: url("images/im1.jpg") no-repeat center center/cover;
  margin-top: 0;
}

.logo {
  margin-top: 15vh;
  margin-bottom: 5%;

  height: auto;
}


.nav-buttons {}

.btn-group-vertical a button{

}

/* neons */
.neons button {
  font-size: 1.2rem;
  margin: 15%;
  font-weight: bold;
  -webkit-animation: glow 4s ease-in-out infinite alternate;
  -moz-animation: glow 4s ease-in-out infinite alternate;
  animation: glow 4s ease-in-out infinite alternate;
  font-family: 'Rock Salt', cursive;
}

@-webkit-keyframes glow {
  from {
    color: black;
    text-shadow: 0 0 10px gray, 0 0 20px gray, 0 0 30px gray, 0 0 40px gray, 0 0 50px gray, 0 0 60px gray, 0 0 70px gray, 0 0 90px gray;
  }

  to {
    color: gray;
    text-shadow: 0 0 20px gray, 0 0 30px gray, 0 0 40px gray, 0 0 50px gray, 0 0 60px gray, 0 0 70px gray, 0 0 80px gray, 0 1 90px gray;
  }
}

/* audio */
.audio {
  margin-top: 7%;
}

section#band {
  background: url("images/im2.jpg") no-repeat center center/cover;

}

section#band h2 {

  margin-top: 15vh;
  margin-bottom: 5%;
  color: grey;
  font-size: 3rem;
  text-shadow: 1px 1px 2px black;
}
.band{

}

.band h5 {
  font-size: 1em;
color: red;
opacity: 0.8;
}

.band h6 {
  font-size: 1em;
}

.band p {
  font-size: 1em;

}

.card {

  min-height: 350px;
  max-width: 400px;
  margin: 2%;
  background: rgba(0, 0, 0, 0.5);
}
.card img{
  max-height: 200px;
  max-width: 400px;
}

section#band .card-body p{
color: grey!important;
}


section#tour{
    background: url("images/im3.jpg") no-repeat center center/cover;
}
section#tour h2 {

  margin-top: 15vh;
  margin-bottom: 5%;
  color: rgba(255,255,255,0.5);
  font-size: 2rem;
  text-shadow: 2px 1px 2px #295548;
}
.tour{
  background: rgba(0, 0, 0, 0.2);
}
.pair p, .impair p{
  color: white!important;

}
.pair{
  /*background: rgba(0, 0, 0, 0.4);*/

  padding: 1%;
  margin-top: 4%;
  margin-left: 2%;
  margin-bottom: 4%;

}
.impair{
  background: rgba(41, 85, 72, 0.2);

  padding: 1%;
  margin-top: 4%;
  margin-left: 2%;
  margin-bottom: 4%;

}
button.tickets{
  font-weight: bold;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;

  font-size: 0.8em;
}

/*************MUSIC SECTION********************************/
section#music {
  background: url("images/im4.jpg") no-repeat center center/cover;
}
section#music h2 {
font-size: 3rem;
  margin-top: 15vh;
  margin-bottom: 5%;
  color: white;
text-shadow: 1px 1px 1px black;
}
section#music .audio-panel{
  margin-bottom: 2%;
}
section#music .albums{
/*justify-content: center;*/
}
section#music .album{
/*display: inline-block;*/

}
section#music .card{
  width: 100%;


}
section#music img{
  max-width: 200px;
max-height: 200px;
margin-left: auto;
margin-right: auto;
margin-top: 3%;
}

section#music .btn{
  color: red;
text-shadow: 1px 1px 1px black;
}
section#music .card-body{
text-align: center;
text-shadow: 1px 1px 1px black;
color: rgba(255, 255, 255, 0.8);

padding: 0;
}


iframe{

  width: 95%;
  max-height: 15vh;
}

/************* END OF MUSIC SECTION********************************/
/*************SHOP SECTION********************************/
section#merch {
  background: url("images/im5.jpg") no-repeat center center/cover;
}

section#merch h2{
  font-size: 3rem;
    margin-top: 5%;
    margin-bottom: 10%;
    color: black;
  text-shadow: 1px 1px 1px grey;
}
.shop-img{
  min-height: 150px;

}
.shop-items{
  display: inline-table;
}
.btn-shop{

  width: 50%;
}
.shop-card{
  background: rgba(255, 255, 255, 0.1);
min-width: 70%;
}
.shop-card h5, p, label{
  color: black;
}
.shop-card  label, form{
  font-size: 0.9em;
}
/*************END OF SHOP SECTION********************************/
/*************CONTACT SECTION********************************/
section#contact {
  background: url("images/im6.jpg") no-repeat center center/cover;
}

section#contact h2{
  font-size: 3rem;
    margin-top: 10%;
    margin-bottom: 10%;
    color: black;
  text-shadow: 1px 1px 1px grey;
}


.contact-form{
  width: 60%;

}
.contact-form h3{
  color: rgba(203, 4, 22, 0.9);
    text-shadow: 1px 1px 1px grey;
    margin-bottom: 5%;
}
.btnContact{

  color:rgba(203, 4, 22, 0.9);
  width: 50%;
  padding: 2%;
  font-family: 'Rock Salt', cursive;
}
/*************END OF CONTACT SECTION********************************/
footer .fas, h5, h6{
    color: rgba(203, 4, 22, 0.7);
}
footer a{
  color: black;
}
footer a:hover{
    color: rgba(156, 140, 135, 0.5)
}
.pogow{
  width: 40%;
}