@charset "utf-8";
/* CSS Document */
@media 
	 screen and (-webkit-min-device-pixel-ratio: 3),
	 screen and (-moz-min-device-pixel-ratio: 3),
	 screen and (-ms-min-device-pixel-ratio: 3),
	 screen and (-o-min-device-pixel-ratio: 3)	{
		 
#navbg			{
		width:100%;
		background-color:rgba(0,0,0,.5);
		display:block;
}
#nav			{
		max-width:960px;
		margin:0 auto;
		width:100%;
		height:300px;
		display:block;
		border-bottom: 2px solid #fff;
}
#logo			{
		width:100%;
		float:none;
		height:150px;
		padding:35px 0 35px;
}
#logo img		{
		width:75%;	
		margin:0 12.5%;
}
#buttons		{
		width:100%;
		display:block;
		float:none;	
}
.button			{
		display:block;
		width:25%;
		height:73px;
		color:#fff;
		font-family:'Nexa', Arial, Helvetica, sans-serif;	
		font-weight:bold;
		font-size:2em;
		float:left;	
		text-align:center;
		padding:30px 0 0 0;
		font-weight:700;	
}
.button:hover { 
	color:#F11;
    -webkit-transform: scale(1.25);
	text-shadow: 0px 2px #000 ;
	 -moz-transform: scale(1.25);
	 -ms-transform: scale(1.25);
	 transform: scale(1.25);
	 
    -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -ms-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
} 

#tagline		{
		max-width:960px;
		margin:0 auto;
		width:100%;
		display:block;	
}
h1				{
		display:block;
		color:#000;
		font-family:'Nexa Bold', Arial, Helvetica, sans-serif;	
		font-size:3.5em;
		padding:7px;
		font-weight:bold;	
		float:left;	
}
h2				{
		display:block;
		color:#000;
		font-family:'Nexa', Arial, Helvetica, sans-serif;	
		font-size:2.5em;
		padding:7px;
		font-weight:600;	
		float:left;
}
h3				{
		display:block;
		color:#fff;
		font-family:'Nexa', Arial, Helvetica, sans-serif;	
		font-size:1.75em;
		text-align:center;
		padding:7px;
		font-weight:600;	
}
#slidebg			{
		width:100%;
		background-color:rgba(0,0,51,.5);
		display:block;
}
#slider			{
		max-width:960px;
		width:100%;
		background-color:rgba(51,51,255,.15);
		height:700px;
		display:block;
		margin:10px auto 0;
}
#newsbg			{
		width:100%;
		background-color:rgba(0,153,204,.5);
		display:block;
}
#news			{
		max-width:960px;
		width:100%;
		background-image:url(../imgs/grid.png);
		background-position:top;
		background-color:rgba(0,153,204,.15);
		min-height:200px;
		display:block;
		margin:10px auto 0;
}
#news h1		{
		display:inline-block;
		margin:25px 0 0 0;
		line-height:50px	;
		width:100%;
		text-align:center;
}
#news h2		{
		display:inline-block;
		margin:8px 0;
		width:100%;
		line-height:50px;	
		text-align:center;
}

#contact		{
		max-width:960px;
		width:100%;
		background-color:rgba(235,255,255,.15);
		min-height:400px;
		display:block;
		margin:10px auto 0;
}
#info			{
		display:inline-block;
		width:100%;
		text-align:center;	
		float:left;
}

		 }
@media 
 screen and (max-width:960px){
#band h2		{
		font-size:3.5em;	
}

#news h1		{
		display:inline-block;
		line-height:46px	;
		width:100%;
		text-align:center;
		font-size:2.75em;
}
#news h2		{
		display:inline-block;
		line-height:38px	;
		width:100%;
		text-align:center;
		font-size:2em;
}	
}
@media 
 screen and (max-width:840px){
#band h2		{
		font-size:3em;	
}
#nav			{
		max-width:960px;
		margin:0 auto;
		width:100%;
		height:150px;
		display:block;
		border-bottom:none;
}
#logo			{
		max-width:250px;
		width:100%;
		padding:
		height:75px;
		margin: 0px auto 0px;
		float:none;
		padding:0px 0 0px 0;
}
#buttons		{
		width:100%;
		display:block;
		float:none;
		height:75px;
		border-bottom: 2px solid #fff;	
}
.button			{
		display:block;
		width:25%;
		height:60px;
		color:#fff;
		font-family:'Nexa', Arial, Helvetica, sans-serif;	
		font-weight:bold;
		font-size:20px;
		float:left;	
		text-align:center;
		padding:15px 0 0 0;
		font-weight:700;	
}
#news			{
		min-height:125px;
}
#news h1		{
		display:inline-block;
		margin:.4% 1% 0 0;
		line-height:50px	;
		width:100%;
		font-size:2.5em;
		text-align:center;
}
#news h2		{
		display:inline-block;
		margin:.4% 1% 0 0;
		line-height:26px	;
		width:100%;
		text-align:center;
		font-size:1.75em;
}	
}
@media 
 screen and (max-width:768px){

#nav			{
		max-width:960px;
		margin:0 auto;
		width:100%;
		height:150px;
		display:block;
		border-bottom:none;
}
#logo			{
		max-width:250px;
		width:100%;
		padding:
		height:75px;
		margin: 0px auto 0px;
		float:none;
		padding:0px 0 0px 0;
}
#buttons		{
		width:100%;
		display:block;
		float:none;
		height:75px;
		border-bottom: 2px solid #fff;	
}
.button			{
		display:block;
		width:25%;
		height:60px;
		color:#fff;
		font-family:'Nexa', Arial, Helvetica, sans-serif;	
		font-weight:bold;
		font-size:20px;
		float:left;	
		text-align:center;
		padding:15px 0 0 0;
		font-weight:700;	
}
#news			{
		min-height:125px;
}
#date			{
		width:100%;
		margin:0 0 0 0;	
}
#news h1		{
		display:inline-block;
		margin:.4% 1% 0 0;
		line-height:50px	;
		width:100%;
		font-size:2.25em;
		text-align:center;
}
#news h2		{
		display:inline-block;
		margin:.4% 1% 0 0;
		line-height:26px	;
		width:100%;
		text-align:center;
}	

}
@media 
 screen and (max-width:680px){
#nav			{
		max-width:960px;
		margin:0 auto;
		width:100%;
		height:150px;
		display:block;
		border-bottom:none;
}
#logo			{
		max-width:250px;
		width:100%;
		padding:
		height:75px;
		margin: 0px auto 0px;
		float:none;
		padding:0px 0 0px 0;
}
#buttons		{
		width:100%;
		display:block;
		float:none;
		height:75px;
		border-bottom: 2px solid #fff;	
}
.button			{
		display:block;
		width:25%;
		height:60px;
		color:#fff;
		font-family:'Nexa', Arial, Helvetica, sans-serif;	
		font-weight:bold;
		font-size:20px;
		float:left;	
		text-align:center;
		padding:15px 0 0 0;
		font-weight:700;	
}
#news			{
		min-height:125px;
}
#date			{
		width:100%;
		margin:0 0 0 0;	
}
#news h1		{
		display:inline-block;
		margin:.4% 1% 0 0;
		line-height:50px	;
		width:100%;
		font-size:2.25em;
		text-align:center;
}
#news h2		{
		display:inline-block;
		margin:.4% 1% 0 0;
		line-height:26px	;
		width:100%;
		text-align:center;
}	
#contact		{
		max-width:960px;
		width:100%;
		background-color:rgba(225,225,255,.15);
		min-height:350px;
		display:block;
		margin:10px auto 0;
}
#info			{
		display:inline-block;
		width:100%;
		text-align:center;	
		float:left;
}
#musicians			{
		max-width:960px;
		width:100%;
		background-position:center;
		background-size:cover;
		min-height:1100px;
		display:block;
		margin:0 auto ;
		padding:15px 0 15px 0;
		color:#fff;
}
}
@media 
 screen and (max-width:580px){
#nav			{
		max-width:960px;
		margin:0 auto;
		width:100%;
		height:150px;
		display:block;
		border-bottom:none;
}
#logo			{
		max-width:250px;
		width:100%;
		padding:
		height:75px;
		margin: 0px auto 0px;
		float:none;
		padding:0px 0 0px 0;
}
#buttons		{
		width:100%;
		display:block;
		float:none;
		height:75px;
		border-bottom: 2px solid #fff;	
}
.button			{
		display:block;
		width:25%;
		height:60px;
		color:#fff;
		font-family:'Nexa', Arial, Helvetica, sans-serif;	
		font-weight:bold;
		font-size:20px;
		float:left;	
		text-align:center;
		padding:15px 0 0 0;
		font-weight:700;	
}
#news			{
		min-height:195px;
}
#date			{
		width:100%;
		margin:0 0 0 0;	
}
#news h1		{
		display:inline-block;
		margin:.4% 1% 0 0;
		line-height:50px	;
		width:100%;
		font-size:2.25em;
		text-align:center;
}
#news h2		{
		display:inline-block;
		margin:.4% 1% 0 0;
		line-height:26px	;
		width:100%;
		text-align:center;
}	
#contact		{
		max-width:960px;
		width:100%;
		background-color:rgba(225,225,255,.15);
		min-height:350px;
		display:block;
		margin:10px auto 0;
}
#info			{
		display:inline-block;
		width:100%;
		text-align:center;	
		float:left;
}
}