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

#container1
{/*width:98%; padding: 0.2em 1.25%;max-width:1680px;*/ 
	 
	width:98%;
	clear:both;
	 position: relative; 
	text-align: left;  
	color: #000000 !important; 
	
	font-size:1em; 
		
	
  /*  margin: 0.05em 0;  padding-left: 10px;   */   
 
   	margin-top: 0.1em;
	margin-bottom: 0.1em;
	margin-right:auto;
	margin-left:auto;
 
	 } 


 
#container1 div.feature{ 
	width: 96%;	
	float:left;
	/* padding: 0.1em 1.25%; border:1px solid #EA1CD7 !important; */
	
	background:white;
	margin-bottom: 0.2em;
	margin-top:  0.2em;
	margin-right: 1%;
	margin-left: 1%;
	 
	font-size:1em; 
		
	 
} 

 
 
#container1 div.feature h3{
	padding: 16px;
	  font-size:1.5em;
 	font-weight: bold; color:#000000; 
}

#container1 div.feature h4{
	padding: 16px;
	  font-size:1.3em;
 	font-weight: bold; color:#663399; 
}

#container1 div.feature p{
	padding: 16px;
	color:black;
	padding-top:0;
	font-size:1.0em; 
		
	 
}
  
#container1 div.feature a:link    {color:#000000; background-color:transparent; text-decoration:underline;}
#container1 div.feature a:visited {color:#663399; background-color:transparent; text-decoration:none;}
#container1 div.feature a:hover   {color:#413f43; background-color:transparent; text-decoration:underline;}
#container1 div.feature a:active  {color:#d59d0f; background-color:transparent; text-decoration:underline;}

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

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

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