/* MUSIC */
.music-page {
  background-image: url('acid.gif');
  background-repeat: repeat;
  background-color: #303030;
}

body {
  background-image: url('starbg2.gif');
  background-repeat: repeat;
  background-color: #303030;
  color: #ececec;
  font-family: 'Playfair Display', serif;
  font-size: 16px;
  text-align: center;
}

.frame {
  background: rgb(27, 27, 28);
  border: 5px solid #a40000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  margin-bottom: 20px;
  padding: 6px;
  max-width: 604px;
  min-width: 604px;
  justify-content: center;  
  margin: 0 auto;
  margin-top: 17px; 
}

.chain1 {
  margin-top: 17px;
}

.opin {
  margin-top: 12px;
  margin-bottom: 20px;
  max-width: 604px;
  min-width: 604px;
  background: rgb(27, 27, 28);
  border: 10px solid;
  border-image: url(frame3full.png) 10 round;
  padding: 5px;
  margin: 0 auto;
}

.music101 {
  margin-top: 12px;
  margin-bottom: 20px;
  max-width: 1008px;
  min-width: 1008px;
  background-image: url(brown052.jpg);
  border: 10px solid;
  border-image: url(frame3full.png) 10 round;
  padding: 5px;
  margin: 0 auto;
}

.title {
  border: 5px solid #a40000;
  background-image: url(backg249.jpg);
  background-size: 46px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  margin-bottom: 20px;
  padding: 6px;
  max-width: 604px;
  min-width: 604px;
  justify-content: center;  
  margin: 0 auto;
  margin-top: 17px;
}

.band-section {
  position: relative;
  max-width: 626px;
  margin: 17px auto;
  margin-bottom: 20px;
}

.band-section img {
  max-width: 124px;
}

.bandsim, .bandsim2, .bandsim3, .bandsim4, .bandsim5, .bandsim6 {
  position: absolute;
  max-width: 5px;
  transform: rotate(21deg);
  z-index: 1;
  right: -120px;
}

.bandsim { top: -26px; right: 112px; max-width: 6px;}
.bandsim2 { top: -42px; right: 114px;}
.bandsim3 { top: -36px; right: 117px; }
.bandsim4 { top: -63px; right: 110px; max-width: 5px; }
.bandsim5 { top: -67px; right: 94px; max-width: 7px; }
.bandsim6 { top: -14px; right: -85px; max-width: 211px; }

.bandsim img { 
  max-width: 218px; /* Electric Wizard */
  top: -30px;
}
.bandsim2 img { 
  max-width: 220px; /* Septicflesh */
  top: 120px;
}
.bandsim3 img { 
  max-width: 230px; /* Fleshgod */
  top: 270px;
}
.bandsim4 img { 
  max-width: 213px; /* Entombed */
  top: 450px;
}
.bandsim5 img { 
  max-width: 193px; /* Mayhem */
  top: 600px;
}
.bandsim6 img { 
  max-width: 212px; /* Darkthrone */
  top: 750px;
}

.banner-frame {
  display: block;
  width: 35%;
  max-width: 632px;
  min-width: 632px;
  margin-bottom: 24px;    
}
.banner-frame img {
  width: 100%;
  height: auto;
  display: block;
}