#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;
	border:1px solid #EA1CD7 !important;
	 } 
 
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: 0.1%;
	 
	font-size:1em; 
		
	 border:1px solid #EA1CD7 !important;
} 

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

container1 div.feature h4{
	padding: 10px;
	  font-size:1.5em;
 	font-weight: bold; color:#663399; 
} 
 
container1 div.feature p{
	padding: 16px 10px;
	color:black;
	padding-top:0;
	font-size:1em; 
		
	 
}
  
  
@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 p.title{
	margin-top:1em;	
	}
 
	container1 div.feature img{
	width: 100%;
	}
}





@media only screen and (max-width:800px){
	container1 div.feature{
		width:45% !important;
		border-right: none;
		border-bottom: 1px solid #ccc;
		padding-bottom: 1em;
  		margin-bottom: 1em;
		height: 6em;
		text-align:center;
		font-size:1.0em;
	}
}
@media only screen and (max-width:700px){
	container1 div.feature{
		font-size:1.0em;
		height: 8em;
	}
}
@media only screen and (max-width:360px){
	container1 div.feature{ 
		font-size:0.8em;
		height: 8em;
	}
}

  

#container2 {
	width:97.0%;
	clear:both;
	padding:0.2em 1.0%;
	overflow:hidden;
	margin-bottom:1em;
	margin-right:auto;
	margin-top:auto; 
	margin-left:auto; 
	font-size:1em;  
	color:#000000;
	
  
}
 


#container2 div.feature {
width:99%;
float:left;
margin-right: 5%;
margin-left: 0.5%;
margin-top: 1%;
background:white;
 font-size: 1em;

 
}

 
 
 
#container2  div.feature h3 {
padding: 10px;
  font-size:1.5em;
 	font-weight: bold; color:#000000; 
	
 

}

#container2  div.feature h4 {
padding: 10px;
	  font-size:1.5em;
 	font-weight: bold; color:#663399; 
} 
 
#container2 div.feature p{
<!--padding: 10px;padding-top:0;-->
 
color: #000000;

padding: 10px;
 font-size: 1em;
}
 
#container2 div.feature p.viewmore{
						margin-top:2em;						
					}
					
#container2 div.feature p.viewmore a{
						background: #639;
						color: #fff;
						font-size: 1.0em;
						font-weight: bold;
						padding: 0.6em 1em;
					}
					
#container2 div.feature p.viewmore a:hover{
						color:#fc0;
					}
			
			
div#video1 {
 width: 60%;
 margin-left: 1%;
 /*margin-left: 2%;*/
 float:left;
  font-size: 1em;
	border:1px solid #EA1CD7 !important;
}
 
#discovery_table
{
width:90%; border-collapse:collapse;
border: 1px solid #D8D9DA;
vertical-align:top; text-align:left;
font-family: 'Open Sans',Lora , sans-serif !important;
font-size:1.0em;
padding: 10px;
/*margin-left:20px;*/
	
}


#discovery_table td
{
border: 1px solid #D8D9DA;
vertical-align:top; text-align:left;
font-family: 'Open Sans',Lora , sans-serif !important;
font-size:1.0em;
padding: 10px 10px 10px 10px;
/*padding:2px 7px 1px 7px; margin: 10px; margin-left:30px; */

}

#discovery_table th
{background-color: #ddd; color: #663399;
border: 1px solid #D8D9DA;
vertical-align:top; text-align:left;
font-family: 'Open Sans',Lora , sans-serif !important;
font-size:1.0em;
padding: 10px 10px 10px 10px;
/*padding:2px 7px 1px 7px; margin: 10px; margin-left:30px; */

}


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

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

@media only screen and (max-width:950px){
#container2 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: 1em;
}
  
	
div#video1 {
width: 70%;
height:70%;
 
float:none !important;
margin: 0 !important;
}
	
	
}
  


@media only screen and (max-width:800px){
#container2 div.feature{
 width:99% !important;
 
 font-size: 1em;
}
	
	
div#video1  {
 width:99% !important;
  
 font-size: 1em;
}
	
	
}