/**#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; 
	
	
	 margin-bottom:10px;
	 /*  margin: 0.05em 0;  padding-left: 10px;    */   
	 font-family: 'Open Sans', serif;
	 font-size:1.0em;
	 
	 } 
 
#container_general div.feature{ 
	width: 96%;	
	float:left;
	 padding: 0.01em 1.25%; 
	margin-bottom:10px;
	background:white;
	
	 font-family: 'Open Sans', serif;
	 font-size:1.0em;
	 
}

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

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

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


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



 
#column1{
float: left; width: 100%; margin: 0 1% 0 2%;
	 font-size:1.0em;
     font-family: 'Open Sans', serif; 
	 
	
	}
 
#column1 h4{ font-size:1.2em; color:white; background: #D8D9DA; margin: 0.5em 0; text-align:center;}
	 

	#column1 ul > li {
			margin-left: 2.25em;
	  		font-family: 'Open Sans', serif;
	 		font-size:1.0em;
	  		 
	}
	
	#column1 ol > li {
	 margin-left: 2.25em;
	 font-size:1.0em;
     font-family: 'Open Sans', serif; 
	}

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

#column1 {width:100%; clear:both;}
#column1 ul{list-style-type:disc !important; position: relative; float: left; display: block; left: auto;}
#column1 ul li { position: relative; float: none; right: auto; display:list-item; }
	
	
#column1 ol{ position: relative; float: left; display: block; left: auto;}
#column1 ol li { position: relative; float: none; right: auto; display:list-item; }
	}




#column2{
		float: left; width:100%; 
		margin: 0 1% 0 1.25%;
	 	font-size:1.0em;
     	font-family: 'Open Sans', serif; 
	 
	  	 
	}

 
#column2 div.feature{ 
	width: 96%;	
	float:left;
	 padding: 0.1em 1.25%; 
	margin-bottom:10px;
	 
	 font-size:1.0em;
	 font-family: 'Open Sans', serif; 
}

#column2 div.feature p{
	padding: 10px 10px;
	 font-size:1.0em;
	color:black; 
	font-family: 'Open Sans', serif;
    
}
#column2 div.feature h3 {
	background: #D8D9DA; 
	margin: 0.1em 0; 
	 font-size:1.1em;
	font-weight:bold;
	font-family: 'Open Sans', serif; 
	color: #000000;  
}

#column2 div.feature h4 {
 
	margin: 0.1em 0; 
	 font-size:1.1em;
	font-weight:bold;
	font-family: 'Open Sans', serif; 
	color: #663399;  
}


#column2 div.feature a:link    {color:#000000; font-family: 'Open Sans', serif; font-size:1.0em; text-decoration:underline;}
#column2 div.feature a:visited {color:#000000; font-family: 'Open Sans', serif; font-size:1.0em; text-decoration:underline;}
#column2 div.feature a:hover   {color:#663399; font-family: 'Open Sans', serif; font-size:1.0em; text-decoration:underline;}
#column2 div.feature a:active  {color:#000000; font-family: 'Open Sans', serif; font-size:1.0em; text-decoration:underline;}


 

 

#column2 div.feature ul { font-size:1.0em; font-family: 'Open Sans', serif; }	
 
#column2 div.feature ul > li {
	margin-left: 1.25em;
	font-size:1.0em; 
	font-family: 'Open Sans', serif;
	}

@media only screen and (max-width: 768px) {
		
		#column2 div.feature {width:100%; clear:both;} 

	}