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

#container_general
{ width:99%; border-collapse: collapse;
    text-align: left; color: #000000 !important; 
  	font-size:1.0em;
   	padding:10px; margin-left:10px;
	/*border:1px solid #D8D9DA !important; margin: 0.05em 0; 	  */
}

#container_general div.feature
{   width:98%; 
	float:left;
	/* padding: 0.1em 1.25%; border:1px solid #EA1CD7 !important; margin-bottom: 0.2em;margin-left:10px;
	margin-top:  0.2em;
	margin-right: 1%;
	margin-left: 0.1%;*/
	padding: 0.1em 1.25%;
	margin-right: 5%; 
	background:white; 
	font-size:1.1em; 
	font-family: 'Open Sans', sans-serif !important;	
	 	padding:10px; 
  }  
  
#container_general div.feature p{
	padding: 5px;
	font-size:1.0em;
	font-weight:normal;
	color: #000000; 
	/*font-family: 'Open Sans', sans-serif !important;	*/
}
	
#container_general div.feature h3 {
	padding: 5px;
	font-size:1.2em;
	font-weight:bold;
	color: #663399; 
	 
} 
	 	
 #container_general div.feature h4 {
	padding: 5px;
	font-size:1.2em;
	font-weight:bold;
	color: #000000; 
	 
} 

 
.header1{ 
	padding: 10px;
	font-size:1.1em;
	font-weight: bold;
	color: #663399 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
	 
 }

.header2{
	
	font-size: 1.1em; font-weight: bold;
	color:#333 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
	 
 
}
 
 
#container_general div.feature ul{
	color: #000000;
	font-size:1.0em;  	
}
#container_general  div.feature ul li {
	font-size:1.0em;
}
#container_general div.feature a{
	color: #639;
	font-size:1.0em;
}
#container_general  div.feature a:hover{
	color: #639; text-decoration-line:underline;
		font-size:1.0em;
} 
 

/* Tables */
	
#ag_table2
{ 
width:95%; border-collapse:collapse;    
border:1px solid #ffffff !important; 
vertical-align:top; text-align:left; 
	/*font-family: 'Open Sans', sans-serif !important;	*/
}

#ag_table2 table tr {
  background-color: #fcfcfc; 
   /*border: 1px solid #ddd;  padding: .35em; margin:3px; padding:10px; */ 
 font-size:1.0em; text-align:left; border:1px solid #D8D9DA;
	vertical-align:top; text-align:left; 
	
}


#ag_table2 td, #ag_table2 th 
{
	font-size: 1.1em;  border:1px solid #ffffff !important; 
	vertical-align:top; text-align:left; 
	font-size:1.0em;
	margin: 10px; padding: 10px;  
	/*padding:2px 7px 1px 7px; font-family: 'Open Sans', sans-serif !important;	 */   
	
	 
 }
 
#ag_table2 td h3, #ag_table2 th h3 { 
	padding: 10px;
	font-size:1.2em;
	font-weight: bold;
	color: #000000 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
	/*font-family: 'Open Sans', sans-serif !important;	*/
 } 
 
#ag_table2 td, #ag_table2 th p {
	padding: 10px;
	font-size:1.0em;
	font-weight:normal;
	color: #000000; 
	/*font-family: 'Open Sans', sans-serif !important;	*/
} 
 
  

/* Tables */
	
#ag_table3
{ 
width:95%; border-collapse:collapse;    
border:1px solid #D8D9DA !important; 
vertical-align:top; text-align:left; 
	/*font-family: 'Open Sans', sans-serif !important;	*/
}



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


#ag_table3 td h3, #ag_table3 th h3 { 
	padding: 10px; font-size:1.0em;
	font-weight: bold;
	color: #000000 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
	/*font-family: 'Open Sans', sans-serif !important;	*/
 } 
 
#ag_table3 td, #ag_table3 th p {
	padding: 10px;
	font-size:1.0em;
	font-weight:normal;
	color: #000000; 
	/*font-family: 'Open Sans', sans-serif !important;	*/
} 
 
 

#container_general  div.feature img{
  width: 500px; /* width of container 360px*/
  height: 600px /* height of container  300px;220px;*/
  object-fit: cover; 
 }

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

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

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

	#container_general div.feature {
	margin-top:1em;	
	}
 
	#container_general div.feature img{
	width: 70%;
	height:70%;
	}
	
 
	#container_general div.feature #ag_table2 {
	margin-top:1em;	
	}
}
 
  @media screen and (max-width: 600px) {
  #container_general div.feature #ag_table2 {
    border: 0;
  }
#container_general div.feature #ag_table2 tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
	#container_general div.feature #ag_table2 td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  }