@charset "utf-8";





#col-1{
	width:60%;
	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:40%;

	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) {
	
	  img#optionalstuff2 {
      display: none;
  }

	#col-1{
		width:60%;
	}
	#col-2{
		width:40%;
	}
	


}




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

  img#optionalstuff2 {
      display: none;
  }


	#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%;}