@charset "UTF-8";
/* CSS Document */
 body{
	 background-color:#000;
	 background-image:url(../img/geo1.png);
	
 }
 
 p, li, a{
	 color:#969595;
	 line-height:1.5;
	 font-size:1.1em;
	 font-family: 'Lato', sans-serif;
 }
 h2, h3{
	 color:#E3E3E3;
	 font-family: 'Lato', sans-serif;
	 font-weight:900;
 }
 header{
	 height:auto;
	 width:100%;
 }

.logo{
	display:block;
	margin: 50px auto;
}

.float{
	float:left;
}
.float2{
	float:right;
}
.about{
	width:40%;
	text-align:center;
	padding:5%;
}
.about h3 a, .history h3 a{
	color:#817F7F;
	text-align:center;
}
.about h2, .history h2{
	color:#EFEFEF;
	padding:10px;
}
.about p, .history p{
	color:#969595;

}
.history{
	padding-top:140px;
	float:right;
	width:50%;
	}
.clear{
	clear:both;
}
.content{
	width:65%;
	margin:auto;
}
.read{
	color:#EFEFEF;
	border: 1px white solid;
	width:100px;
	margin:auto;
}
.read a{
	color:#EFEFEF;
	width:100px;
	padding:0 7px;
	
}
.read p{
	margin:10px;
}

.read a:hover{
	
	color:#000;
	text-decoration:none;
}

.read:hover{
	background-color:#fff;
	color:#000;
}





.moreMusic{
	color:#EFEFEF;
	border: 1px white solid;
	width:105px;
	margin:auto;
}
.moreMusic a{
	color:#EFEFEF;
	width:100px;
	padding:0 7px;
	
}
.moreMusic p{
	margin:10px;
}

.moreMusic a:hover{
	
	color:#000;
	text-decoration:none;
}

.moreMusic:hover{
	background-color:#fff;
	color:#000;
}



.pic1{
	margin-top:170px;
	margin-left:10px;
}
.bio{
	padding-top:30px;
}
.footerLinks{
	font-size: 24px;
	color:#fff;
	
}
.footerLinks:hover{
	text-decoration:none;
	color:#ADA9A9;
}
.footBox{
	width:45%; padding-top:170px;
}

@media screen and (max-width: 800px) {
    #historyImg, #footerImg, #togetherImg{
        display:none;
    }
	.pic1{
		display:none;
	}
	.about, .history{
		width:100%;
	}
	.history{
		padding-top:20px;
	}
	.footBox{
		width:100%; padding-top:40px; text-align:center;
	}
	.content{
		width:80%;
		
	}
	.center{
		text-align:center;
	}
	.center ol li{
		text-align:left;
	}
	.center ol{
		padding-top:30px;
	}
	p, li{
		font-size:1.5em;
	}
	
	.moreMusic{
	color:#EFEFEF;
	border: 1px white solid;
	width:150px;
	margin:auto;
}

.read{
	color:#EFEFEF;
	border: 1px white solid;
	width:130px;
	margin:auto;
}
.float{
	float:none;
}

}