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

 /** container general **/

#container_general
{ 	/*width:98%; border:1px solid #ff99bb !important; padding: 0.2em 1.25%;max-width:1680px;*/ 
	width:99%;
	clear:both;
	 position: relative; overflow: auto;
	text-align: left;  
	color: #000000 !important; 
	
	 font-size:1.0em;
	 margin-bottom:10px;
	 /*  margin: 0.05em 0;  padding-left: 10px;    */   
	 font-family: 'Open Sans', serif;
	 
	 } 
 
#container_general div.feature{ 
	width: 96%;	
	float:left;
	 padding: 0.01em 1.25%; 
	margin-bottom:10px;
	background:white;
	
	 font-size:1.0em;
	 font-family: 'Open Sans', serif;
	 
}

#container_general div.feature h3{
	padding: 10px;
	 font-size:1.1em;
	font-weight:bold;
	font-family: 'Open Sans', serif;
	
	font-weight: bold; color: #000000;  
}
#container_general div.feature h4{
	padding: 10px;
	 font-size:1.1em;
	font-weight:bold;
	font-family: 'Open Sans', serif;
	
	font-weight: bold; color: #663399;  
} 

#container_general div.feature p{
	padding: 10px 10px;
	font-size:1.0em;
	color:black;
	padding-top:0;
	font-family: 'Open Sans', serif;
	
}


 
div.feature a:link    {color:#000000; background-color:transparent; text-decoration:underline;}
div.feature a:visited {color:#663399; background-color:transparent; text-decoration:none;}
div.feature a:hover   {color:#413f43; background-color:transparent; text-decoration:underline;}
div.feature a:active  {color:#d59d0f; background-color:transparent; text-decoration:underline;}




@media only screen and (max-width:1340px){
#container_general div.feature
	{
 		font-size:1.0em;
		font-family: 'Open Sans', serif; 
	}
}
@media only screen and (max-width:1024px){
#container_general div.feature{
 	font-size:1.0em;
	font-family: 'Open Sans', serif; 
	}
}
	 

@media only screen and (max-width:950px){
#container_general div.feature{
	margin-left: 2.25%;
	margin-right: 2.25%;
	width: 94.5%;
	clear:both;	
	margin-bottom: 2em;
	padding:0 0 2.5em 0;
	font-size:1.0em;
	font-family: 'Open Sans', serif; 
	} 
}