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

#container_one
{
/* width: 95.5%;max-width:1680px;border:1px solid #EA1CD7 !important; padding: 2em 2.25%;max-width:1680px;padding: 1em 1.0%;*/

width:99.0%;
clear:both;
padding: 0.2em 1.0%;
overflow: hidden;
margin-bottom: 1em;
margin-right:auto;
margin-left:auto;

color:#000000;

 font-size:1em;	 
font-family: 'Open Sans', sans-serif !important;
 
}

#container_one div.feature{
width:98.0%;
float:left;
margin-top: 1%;

background:#ffffff;
 padding: 0.2em 1.0% 0.2em 0.5%;
	
/*border:1px solid #006622!important;padding: 10px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);padding: 2px 8px;margin-right: 0;padding: 1em 5.25%;
margin-left:0; padding: 1em 0.25%;*/
 font-size:1em;	 
font-family: 'Open Sans', sans-serif !important;
 
}

#container_one div.feature h3{
/*padding: 16px 10px;*/
padding: 5px;
font-size:1.3em; padding: 5px; 
 	 font-weight: bold; 
	 color: #000000;  
}
#container_one div.feature h4{
/*padding: 16px 10px;*/
padding: 5px;
font-size:1.3em;padding: 5px; 
 	 font-weight: bold; 
	 color: #663399;  
} 

#container_one div.feature p{
/*padding: 16px 10px;*/
padding: 5px;
 font-size:1em;	 
font-family: 'Open Sans', sans-serif !important;
  
}


#container_one div.feature img{
			max-height:100%;
		}


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

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

 
/* Tables */
	
#mus_table table
{ text-align: left;  	  
	 width: 100%;
	border: 1px solid #ffffff !important; 
	border-spacing: 0;
	
	border-collapse:collapse;
	 height:100%;
 	 
	vertical-align:top; text-align:left; 
	 margin-left:20px;
	
	  padding-left: 30px;  
}

#mus_table td, #mus_table th 
{
	text-align:left; 
	
	font-size: 1em;  text-align:left; 
	border:1px solid #ffffff;
	vertical-align:top; 
	 
	margin:5px; padding:10px !important;
	height:40px !important;
	 margin-left:20px;
	line-height: 1.6;
	
 }

#mus_table tr:nth-child(odd) {
  background-color:#ffffff;
}


 

@media screen and (max-width: 800px) {
  #mus_table table {
    border: 0;
	  width: 100%;
  }
 
  
  #mus_table table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 1.625em;
  }
  
 #mus_table  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  #mus_table table 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;
  }
  
  #mus_table table td:last-child {
    border-bottom: 0;
  }
}

