#container{max-width:100%;   margin-bottom: 0.5em; }
 

#container_bands
{ 	/* border:1px solid #ff99bb !important; width:98%;max-width:1680px;*/ 
	max-width:99%;
	clear:both; 
	 position: relative; overflow: auto;
	text-align: left;  
	color: #000000 !important; 
		   font-size:1.1em;   
	font-family: 'Open Sans', sans-serif !important;
	/*font-family: Palatino Linotype, Palatino, Times, 'Lora',  serif;*/
	
	  
	  margin-left:5px;  margin-right:5px; margin-top:5px; 
	 /*  margin: 0.05em 0;font-size: 1.1em; padding-left: 10px; padding: 0.1em 1.25%;  */   
	 
 } 

#container_header
{ 	/*width:98%; margin-top:10px; max-width:1680px; border:1px solid #06219B !important; */ 
	 clear:both; padding: 0.1em 1.0%;
	/*padding: 1em 1.0%;  margin-left:10px;  margin-right:10px;*/
	 position: relative;  
} 

h3.bands 
{
font-weight:normal!important;
text-align:center!important;
font-size: 1.3em!important; 
	font-family: 'Open Sans', sans-serif !important;
/*color:#fc0!important;text-transform:uppercase!important;*/
color:#fff!important;
background-color:#639;
margin: 0.2em 0;
	font-family: 'Open Sans', serif; 
	line-height: 1.6;
}
 
  
#container_two {
	/* width: 95.5%;	 */
	max-width:1680px;
	width:96%;
	clear:both;
	/* padding: 4em 2.25%; */
	padding: 1em 1.25%  ;
	overflow: hidden;
	margin-bottom: 1em;
	margin-right:auto;
	margin-left:auto;	 
	font-size:1.1em;
	font-family: 'Open Sans', serif; 
	 
} 

#container_two div.feature{
	width: 28%;	
	float:left; 
	margin-right: 1%;
	margin-left: 1%;
	background:#ffffff;
	/*border:1px solid  #006622!important;  */
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	padding: 10px;
	font-family: 'Open Sans', serif; 
	border:1px solid #D8D9DA !important;
	
}

#container_two div.feature:nth-of-type(3)
{
	 margin-right: 0;
}
 

#container_two div.feature h3{
	padding: 10px;
	font-size:1.2em;
	font-weight:bold;
	font-family: 'Open Sans', serif; 
}

 

#container_two div.feature p{
	padding: 16px 10px;
	 font-size:1.0em;   
	color:black;
	padding-top:0;
}
 
@media only screen and (max-width:1340px)
{
	#container_two div.feature{ font-size: 1.1em; }
	#container_two { font-size:85%; }
}
 
@media only screen and (max-width:950px){
	#container_two div.feature{
	margin-left: 2.25%;
	margin-right: 2.25%;
	width: 94.5%;
	clear:both;	
	margin-bottom: 2em;
	padding:0 0 2.5em 0;
	}
	#container_two div.feature:nth-of-type(3){
	margin-bottom: 0;
	} 
	#container_two div.feature img{
	width: 90%;
	height:90%;
	object-fit:unset;
	float:none !important;
	margin: 0 !important;
	}

	#container_two div.feature p.title{
	margin-top:1em;	
	}
 
	#container_two div.feature img{
	width: 90%;
	}
}
 
   
 

 /** container general **/

#container_general
{ 	/*width:98%; border:1px solid #ff99bb !important; padding: 0.2em 1.25%;max-width:1680px;*/ 
	width:99%;
	clear:both;
	 position: relative; overflow: auto;
	text-align: left;  
	color: #000000 !important; 
	 font-family: 'Open Sans', serif; 
	 font-size:1.1em;   
	 margin-bottom:10px;
	 /*  margin: 0.05em 0;  padding-left: 10px;   */   
	 
	 } 


#container_general div.feature{ 
	width: 96%;	
	float:left;
	padding: 0.1em 1.25%;
	margin-bottom:10px;
	background:white;
	font-family: 'Open Sans', serif; 
	 
}

#container_general div.feature h3{
	padding: 10px;
	 font-size:1.3em;
	font-weight:bold;
	font-family: 'Open Sans', serif; 
}

#container_general div.feature p{
	padding: 10px 10px;
	font-size:1.1em;
	color:black;
	padding-top:0;
	font-family: 'Open Sans', serif; 
}


@media only screen and (max-width:1340px){
#container_general div.feature
	{
font-size: 1.1em;   
	}
}
@media only screen and (max-width:1024px){
#container_general div.feature{
font-size: 1.1em; 
	}
}
	 

@media only screen and (max-width:950px){
#container_general div.feature{
	margin-left: 2.25%;
	margin-right: 2.25%;
	width: 94.5%;
	clear:both;	
	margin-bottom: 2em;
	padding:0 0 2.5em 0;
	font-size: 1.1em; 
	} 
}
   

 

#container_schedule {
	/* width: 95.5%;	 */
	max-width:1680px;
	width:90%;
	clear:both;
	/* padding: 4em 2.25%; padding: 1em 1.25%  ; */
	 
	overflow: hidden;
	
	padding: 1em 1.25%  ;
	margin-top: 0.1em;
	margin-bottom: 1em;
	margin-right:auto;
	margin-left:auto;	 
	font-size:1.1em;
	font-family: 'Open Sans', serif; 
} 

 

#container_schedule div.feature{
	width: 80%;	
	float:left; 
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	margin-right: 1%; 
	margin-left: 1%;
	background:#ffffff;
	/*border:1px solid  #006622!important;  */
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	padding: 10px;
	font-family: 'Open Sans', serif; 
	border:1px solid #D8D9DA !important;
	
}

 

#container_schedule div.feature h3{
	padding: 10px;
	font-size:1.3em;
	font-weight:bold;
}

#container_schedule div.feature p{
	padding: 16px 10px;
	font-size:1.1em;
	color:black;
	padding-top:0;
}
 
@media only screen and (max-width:1340px)
{
	#container_schedule div.feature{ font-size: 1.1em; }
	#container_schedule { font-size:85%; }
}
 
@media only screen and (max-width:950px){
	#container_schedule div.feature{
	margin-left: 2.25%;
	margin-right: 2.25%;
	width: 94.5%;
	clear:both;	
	margin-bottom: 2em;
	padding:0 0 2.5em 0;
	background-color:#FCFBF4;	
	}
	
	 
	#container_schedule div.feature img{
	width: 100%;
	height:100%;
	object-fit:unset;
	float:none !important;
	margin: 0 !important;
	}

	#container_schedule div.feature p.title{
	margin-top:1em;	
	}
 
	#container_schedule div.feature img{
	width: 100%;
	}
}

 
#container_button  {
	width: 22%; 
	float:right;
	
	background:#ffffff;
	/*border:1px solid #D8D9DA !important; margin-right: 1%; padding: 10px;*/
	
 	font-family: 'Open Sans', serif; 
 	
}


  

#container_button .button {
  background-color: #ffffff;  
  color: #000000;
  font-size: 1.1em; 
  font-weight: bold;
  text-align: center; 
  text-decoration: none;
	
  display: inline-block;
  font-family: 'Open Sans', serif; 
	
   padding: 32px 20px; 
   margin: 10px 20px; 
   transition-duration: 0.4s;
  cursor: pointer;
   
  position: center; 
  float:right;
	
  border:2px solid #D8D9DA !important;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);	
}
  
#container_button .button1 {  
  background-color: #ffffff; 
  color: #000000;
  font-size: 1.1em;
  font-weight: bold;
	
  text-align: center; 
  text-decoration: none; 
	
  font-family: 'Open Sans', serif; 
  border: 2px solid #ff99bb;  
  float:right;
}

#container_button .button1:hover {
  background-color: #dcdcdc;	
  color: #ff00cc; 
  font-size: 1.1em; 	
  font-weight: bold;
  
  text-align: center; 
  text-decoration: none; 
	
	
 font-family: 'Open Sans', serif; 
  border: 2px solid #663399;
  float:right;
}

 

@media only screen and (max-width:950px){
#container_button div.button1 {
	margin-left: 2.25%;
	margin-right: 2.25%;
	width: 94.5%;
	clear:both;	 
	margin-bottom: 2em; 
	/*padding:0 0 2.5em 0;*/
	
	padding: 0.1em 0.1em 1.5em 0.1em;
	
	font-size: 1.0em; 
	} 
}
 
 					#buttoncontainer{
						/*position:absolute;
						top:0;
						right:0;		
						z-index:5;	*/	
						width:100%;		

					}
					
					#buttoncontainer div.button{
						background-color: rgba(102, 51, 153, 1);		
						color: white;
						/*text-transform: uppercase;*/
						min-width: 70%;
					    margin-right: calc(3.28% + 22px);	
						
						text-align:center;
						font-size: 1.3em;
						white-space:nowrap;
						padding: 1.3em 0;
						clear:both;
						float: left;
						/*border: 4px solid white margin-top: 1em;*/
						/*text-shadow: 2px 2px black;*/
						/* font-family: 'Oswald', sans-serif; */
						
					}
					 

					#buttoncontainer div.button:nth-of-type(1){
						margin-top: 1.5em;	
					}	
					
					#buttoncontainer div.button a{
						color:white !important;
						display:block;
						width:100%;
					}
				
					#buttoncontainer div.button a:hover{
						
						color: #fc0 !important;
					}
					
					@media only screen and (max-width:1340px){
						#buttoncontainer div.button{
							min-width: 10em;
						}
					}
					
					@media only screen and (max-width:850px){
						  #buttoncontainer{
							position:relative;	
						}
						
						#buttoncontainer div.button{
							margin-top:0.1em !important;
							float:none;
							width: 100%;	
						}
					}
					

/* Tables 1*/
  

#mb_table1 {
    text-align: left; margin-left:20px;	
	 margin: 0;
  	padding: 0;
    border-collapse: collapse;
    width: 100%; border:1px solid #D8D9DA !important; 
	font-size:1.0em;
	font-family: 'Open Sans', serif; 
}
 

#mb_table1 table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
 font-size:1.0em;
	font-family: 'Open Sans', serif; 
	
	text-align:left; border:1px solid #D8D9DA;
	vertical-align:top; text-align:left; 
	margin:3px; padding:10px;  
}

#mb_table1 td, #mb_table1 th { 
	font-size:1.0em;
	font-family: 'Open Sans', serif; 
	
	text-align:left; border:1px solid #D8D9DA;
    vertical-align:top; text-align:left; 
	margin:3px; padding:10px;  
   
}

#mb_table1 tr:nth-child(even){background-color: #f2f2f2;}

#mb_table1 tr:hover {background-color: #ddd;}

#mb_table1 th {
	background-color: #ffffff;
  	border: 1px solid #ddd;
  	padding: .35em;
	padding-top: 12px;
    padding-bottom: 12px;
 	font-size:1.0em;
	font-family: 'Open Sans', serif; 
	
	text-align:left; border:1px solid #D8D9DA;
	vertical-align:top; text-align:left; 
	margin:3px; padding:10px;   
}
 

 



@media screen and (max-width: 600px) {
#mb_table1 {
    border: 0;
  }

#mb_table1 caption {
    font-size: 1.1em;
  }
  
#mb_table1 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
#mb_table1 tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
#mb_table1 td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
#mb_table1 td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}