
main.home, main.about, main.concerts, main.videos{
  margin: 160px 12px 12px 12px;
}
main.home, main.videos{
  text-align: center;
}
main.home p{
  display: block;
  width: 100%;
  line-height: 1.2rem;
}
main.home figure, main.home p, main.videos figure, main.videos p{
  margin: 160px 0px;

}
main.home figcaption{
  font-size: .8rem;
  margin-top: 20px;
word-break: break-all;
}

main.home iframe, main.videos iframe{
  width: auto;
  height: auto;
  min-height: 80vh;
  min-width: 80vw;
  border: none;
}
main.home ul, main.home ol{
  text-align: left;
  line-height: 1rem;
}
main.home img{
  width: auto;
  max-width: 70vw;
  height: auto;
  max-height: 70vh;
}

/*VIDEO*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  z-index: 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 15%;
  width: 70%;
  height: 70%;
}


main.concerts {
  line-height: 2.4vw;
}
main.concerts .text p{
  font-size:2rem;
  line-height: 2rem;
  margin: 2vw 0vw;
}
main .concert_container{
  padding-bottom: 10vh;
}


/*ABOUT*/
main.about p{
  position: relative;
  pointer-events: none;
  z-index:2;
}
.images{
  position: absolute;
  top:0;
  width: calc(100% - 24px);
}
.images div:nth-child(even){
  text-align: right;
}
.images img{
  margin: 6vw;
  width: 30vw;
  transition: opacity 2s ease;
}
.images .about_img{
  opacity: 0;
}
/*MUSIC*/
.music_container img{
  width: 100%;
}
.music{
  display: grid;
  grid-template-columns: 20% 60%;
  margin-bottom: 30px;
  font-size: .6rem;
}
main.music_container{
  margin: 160px 12px 12px 12px;
}
.text_wrap{
  margin-left: 20px;
}
.music_container p{
  margin-top: 0;
  line-height: .8rem;
}
.text_wrap img{
  width: 1rem;
  height: 1rem;
}
.igroove-tracklist-widget{
  position: relative;
  margin: 160px 0px 0px 0px;
}



@media only screen and (max-width: 600px) {
  html, body{
    font-size: 24px;
    line-height: 24px;
  }
  html, body p{
    line-height: 26px;
  }
  header.header{
    display: inherit;
    width: inherit;
  }
  .menu_item.marquee{
    border-bottom: 0px solid black;
    width: 60%;
  }
  header.header .logo {
    padding: 0.6rem 0.4rem 0.4rem .4rem;
    letter-spacing: 0rem;
    font-size: .6rem;
    float: left;
    position: absolute;
    width: 20%;
    display: block;
    border-bottom: 1px solid black;
  }
  nav#menu>span:first-child{
    border-left: 1px solid black;
    margin-left:20%;
  }
  nav#menu span.menu_item.menu_item_grid{
    width: calc(20% - .8rem - 1px);
  }
  nav#menu span.menu_item{
    padding: 0.6rem 0.4rem .4rem .4rem;
    display: inline-block;
  }
  nav#menu span.menu_item_sm{
    padding: .4rem .4rem .3rem .4rem;
    border-left: 0px solid black;
    border-bottom: 0px solid black;
    display: inline-block;
    float: left;
    vertical-align: top;

  }
  main.concerts{
    line-height: 28px;
  }
  .music{
    grid-template-columns: 30% 70%;
  }
  .menu_item{
    border-bottom: 1px solid black;
  }
  nav#menu {
    display: block;
    width: 100vw;
  }
}
