@charset "UTF-8";
/* CSS Document */
h1 {font-size:28px; font-style: normal; font-variant: normal; font-weight:800; margin-bottom: 20px;}  
h2 {font-size:24px; font-style: normal; font-variant: normal; font-weight:400; margin-bottom: 20px; margin-top: -20px;}  

a { font-size: 1.3vw; text-decoration:none; color: white;}
a:hover, a:focus {color: white; opacity: .7;}
 .navbart, .navbar-nav li a, .navbar, .navbar-nav li a {
    color: white; opacity: .7;  
}
.navbart, .navbar-nav li a:hover, .navbar, .navbar-nav li a:focus {
    color: white ;opacity: 1; font-weight: 800;
}
.frontlink{
 font-size: 1.8vw; color: black; opacity: .7; 
}
.frontlink:hover, .frontlink:focus{
 font-size: 1.8vw; color: black; opacity: 1;  font-weight: 800;
}

 .navbar-toggler-icon {
	 width: 100px;
}

.navbar-toggler-icon::before {
  display: block;
	content: "MENU";
	  background-color: black;
	font-size: 24px;
	font-weight: 800;
  position: relative;
	transition: all 0.15s ease-out;/*taken down to hide quicker*/
  transform-origin: center;
	
}

.navbar {
	padding-top: 10;
	z-index: 1;
}

.txtimg {
	display: grid;
 	grid-template-columns: 80% 15%;
 	column-gap: 0px;
	width: 80vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: -1vw;
}

.texty {
	display: inline-block; 
}

.q2 {
	margin-top: 3vw;
	display: inline-block;
}

.bandbanner
{
	width: 100%;
	margin-top: 2vw;
}

.bandnames {
	wdith: 100%;
		margin-top: 2vw;
	font-size: 30px;
    font-size: 1.7vw;
}
.words {
	text-align: justify;
}

.imgside-l {
	float: left;
	padding-right: 2vw;
}
.imgside-r {
	float: right;
	margin-left: 2vw;
	display: inline-block;
}

.crew {
	text-align: left;
	margin-bottom: 2vw;
}
.imgcrew {
	float: left;
	padding-right: 2vw;	
	display: inline-block;
}
.bio {
	display: inline-block;
	margin-top: 1vw;
	text-align: left;
}

.thAnniv {
	margin-left: -10vw;
	margin-top: -5vw;
}

.biotext {
	width: 80%;
	left: 50%;
	margin-left: 8%;
	margin-top: 10%;
	color:#fff;
	text-align:justify;
	font-size: 24px;
}
.headerimg {
	margin-top: 8vw;
}

a img {
	opacity: 1;
    object-fit:contain;
}


a img:hover {
	opacity: .9;
}

.bg-light {
   opacity: 1;
    background-color:#000!important;
}



.container {
		width:100%;
		  }
.containera {	
	width:100%;
	margin-top: 0%;			  
		  }
.wrapper {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;	
    }	

.child01 {
	margin: auto;
	width: 99%;
	 position: absolute;
  left: 50%;
	top: 30px;
  transform: translate(-50%, 0%);
	padding-bottom: 60px;
}

.child02 {
		display: block;
	margin-left: auto;
  	margin-right: auto;
	margin-top: 80px;
  left: 50%;
  transform: translate(0%, 0%);
	text-align: center;
		color:#fff;
}
.child03 {
		display: block;
	margin-left: auto;
  	margin-right: auto;
		margin-top: 40px;
		width: 80vw;
  left: 50%;
  transform: translate(0%, 0%);
	text-align: center;
		color:#fff;
	min-height: 1300px;
}


.moretext {
	width: 80%;
	left: 50%;
	margin-top: 20px;
	margin-left: auto;
  	margin-right: auto;
	color:#fff;
	text-align:justify;
}
.reviewtext {
	width: 80%;
	left: 50%;
	margin-top: 20px;
	margin-left: auto;
  	margin-right: auto;
	color:#fff;
	text-align:left;
	font-size: 18px;
}
.booktext {
	width: 50%;
	left: 50%;
	margin-top: -4vw;
	padding-bottom: 0px;
	margin-left: auto;
  	margin-right: auto;
	color:#fff;
	font-size: 20px;
}

.gallery {
	margin-top: 3vw;
		margin-bottom: 40px;
		margin-left: auto;
  	margin-right: auto;
	width: 75%;
}
.gallery2 {

		margin-left: auto;
  	margin-right: auto;
}

.gallery3 {
		margin-left: auto;
  	margin-right: auto;
}

.gallery3 a img{
    height: 300px;
    object-fit:contain;
}

.quote {
	margin-left: auto;
  	margin-right: auto;
	vertical-align: middle;
	margin-bottom: 100px;
    width: 70%;
		background-color: #D6D6D6;
    overflow: hidden; /* will contain if #first is longer than #second */
}
.q1 {
	float:left; /* add this */
	padding: 20px;
}
.q2 {
	margin-top: auto;
	text-align: left;
	font-size: 14px;
		padding: 20px;
    overflow: hidden; /* if you don't want #second to wrap below #first */
}



main > .containera {
  padding: 60px 15px 0;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}
.footer {
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
color:white;
  text-align: center;
	font-size: 12px;
}

.collapse { margin-left: -2vw;}
#yout {width: 40px;}
#inst {width: 30px;}
#face {width: 30px;}
#youtB {width: 60px;}
#instB {width: 45px;}
#faceB {width: 45px;}
#PM-Top{margin-top: 15px;}

@media (min-width:576px) {a { font-size: 2.2vw; font-style:normal; font-variant: normal; font-weight:bold; }.q1 {
	float:none; }  #gal2 {margin-top: 2vw;} .gallery3 {margin-bottom: -100px;} .nav-link {padding-left: 5px;}.collapse {margin-left: 0;} #yout {width: 60px;} #inst {width: 45px;} #face {width: 45px;}.child01{top: 80px;}.bandnames {font-size: 18pt;} .navbart, .navbar-nav li a, .navbar, .navbar-nav li a {font-size: 2.5vw;}
}

@media (min-width:768px){a { font-size: 2.2vw; font-style:normal; font-variant: normal; font-weight:bold; }.q1 {
	float:none;}  #gal2 {margin-top: 2vw;} .gallery3 {margin-bottom: -70px;} .collapse {margin-left: 0;}#yout {width: 60px;} #inst {width: 45px;} #face {width: 45px;}   .bandnames{  font-size: 1.7vw;} .navbart, .navbar-nav li a, .navbar, .navbar-nav li a {font-size: 2.5vw;}

	
}
@media (min-width:992px){a { font-size: 1.4vw; font-style:normal; font-variant: normal; font-weight:bold; }.q1 {
	float:none;}  #gal2 {margin-top: 2vw;} .gallery3 {margin-bottom: -10px} #yout {width: 60px;} #inst {width: 45px;} #face {width: 45px;}.navbart, .navbar-nav li a, .navbar, .navbar-nav li a {font-size: 1.4vw;}

}
	
@media (min-width:1200px){a { font-size: 1.4vw; font-style:normal; font-variant: normal; font-weight:bold; }.q1 {
	float:left;} #gal2 {margin-top: 2vw;} .gallery3 {margin-bottom: 20px} 
		
}

@media (min-width:1400px){a { font-size: 1.4vw; font-style:normal; font-variant: normal; font-weight:bold; } #gal2 {margin-top: auto;}
	#gal2 {margin-top: 2vw;} .gallery3 {margin-bottom: 100px}
}

@media (max-width:575.98px){a { font-size: 2.2vw; font-style:normal; font-variant: normal; font-weight:bold; }.q1 {
	float:none; padding-bottom: 20px;} #gal2 {} .gallery3 {margin-bottom: -120px;} .nav-link {padding-left: 5px;}.collapse {margin-left: 0;} #yout {width: 40px;} #inst {width: 30px;} #face {width: 30px;} .child01{top: 100px;} .bandnames {font-size: 18pt;}.navbart, .navbar-nav li a, .navbar, .navbar-nav li a {font-size: 4vw;}
}

.formFooter-wrapper { opacity:0;}
.formFooter-logo { display:hidden;}