@charset "utf-8";





#col-1{
	width:62%;
	float:left;
	background:white;}

#col-1-top {	
	background-color: white;
	color: grey;
	width: 92%;
	text-align: left;
	float: left;
	margin: 0% 3% 0% 5%;}
	


#col-1-btm {	
	background-color: white;
	color: white;
	width: 92%;
	text-align: left;
	float: left;
	margin: 0% 3% 0% 5%;}
	
	
#col-2{
	width:38%;
	float:left;
	background:white;}

#col-2-top {	
	background-color: white;
	color: white;
	width: 88%;
	text-align: left;
	float: left;
	margin: 0% 8% 0% 4%;}
		
#col-2-btm {	
	background-color: white;
	color: white;
	width: 88%;
	text-align: left;
	float: left;
	margin: 0% 8% 0% 4%;}
	
#btm-nav-bar{
	width:80%;
	float:left;
	background:purple;}

#btm-nav-bar-left {	
	background-color: gray;
	color: white;
	width: 10%;

	margin: 0% 6% 0% 6%;}
		
#btm-nav-bar-right {	
	background-color: #0000ff;
	color: white;
	width: 10%;
	float:left;

	margin: 0% 6% 0% 6%;}


				


/*****************************************************************************************************************/
@media screen and (max-width:959px) {

	#col-1{
		width:62%;
	}
	#col-2{
		width:38%;
	}
	


}




@media screen and (max-width:750px) {




	#col-1{
		width:100%;
		margin: 0% 0% 3.125% 0%;}
		
	#col-1-top {	
		width: 93.75%;
		margin: 0% 3.125% 0% 3.125%;}
		
	#col-2{
		width:100%;
		margin: 0% 0% 0% 0%;}
	
	#col-2-top {	
		width: 93.75%;
		margin: 0% 3.125% 0% 3.125%;}