#container_general
{ width:99%; border-collapse: collapse;
    text-align: left; color: #000000 !important; 
	
 	font-size:1.1em;  	
	font-family: 'Open Sans', sans-serif !important;	
	
   	padding:10px;   color: #000000; 
	/*border:1px solid #D8D9DA !important; margin: 0.05em 0; 	  margin-left:10px; */
}

#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;	padding:10px; 
	margin-right: 1%;
	margin-left: 0.1%;
	
	*/
	padding: 0.1em;
	margin-right: 5%; 
	background:white; 
	 
	font-size:1.1em;  	
	font-family: 'Open Sans', sans-serif !important;	
	  
  }  
  
#container_general div.feature p {
	padding: 5px;
	 
	color: #000000; 
	font-weight:normal;
	 
	font-size:1.1em;  	
	font-family: 'Open Sans', sans-serif !important;	
	
	/*font-family: 'Open Sans', sans-serif !important;	*/
}
	
#container_general div.feature h3 {
	padding: 5px;
	
	font-size:1.3em;
	font-family: 'Open Sans', sans-serif !important;	
	
	color: #000000; 
	font-weight:bold;
	 	
	
}  
	
#container_general div.feature h4 {
	padding: 5px;
	
	font-size:1.3em;
	font-family: 'Open Sans', sans-serif !important;	
	color: #663399; 
	font-weight:bold;
	 	
	
} 

	
#container_general div.feature h5 {
	padding: 5px;
	
	font-size:1.1em;
	font-family: 'Open Sans', sans-serif !important;	
	color: #000000; 
	font-weight:bold;
	 	
	
} 

 
#container_general div.feature ul{
	list-style:disc; 
	color: #000000;  
	 
	line-height:1.5em;	
 	margin-top: 0.5em; 
	padding-left: 10px;
	
	margin-left:1.1em;
}
#container_general  div.feature ul li {
	font-size:1.1em;  	
	font-family: 'Open Sans', sans-serif !important;	
}
 

#container_general div.feature ul li a {
	color: #639;
	font-size:1.1em;  	
	font-family: 'Open Sans', sans-serif !important;	 	 
}


 

 #container_general div.feature ul ul {
    font-size: 100%;
  }

  #container_general div.feature ul ul li a{
    font-size:1.0em;  	 
	font-family: 'Open Sans', sans-serif !important;	
  }

   #container_general div.feature ul ul li a:hover{
    font-size:1.0em;  	 
	font-family: 'Open Sans', sans-serif !important;	
	   
	color: #ffcc00; text-decoration-line:underline;	 
  }

    #container_general div.feature ul li ul li a:hover{
    font-size:1.0em;  
	font-family: 'Open Sans', sans-serif !important;	
		
	color: #639; text-decoration-line:underline;	 
  }
 
/**


#container_general div.feature ul li a:hover{
	color: #639; text-decoration-line:underline;
	font-size:1.1em;  	 
} 

#container_general div.feature ul{
	color: #000000; 
 
	padding: 0;
	display: inline;
	font-size:1.1em; 
	font-family: 'Open Sans', sans-serif !important;	
	margin-top: 1em;
	margin-bottom: 1 em;
  	margin-left: 0;
	margin-right: 0;
	  padding-left: 30px;
	 
}

#container_general div.feature ul li{
	color: #000000;
	 
	list-style-type: disc;
	list-style-position: inside;
	padding: 0;
	font-size:1.1em; 
	font-family: 'Open Sans', sans-serif !important;	
}
	
**/
#container_general div.feature a{
	color: #639;
	font-size:1.1em;  	
	font-family: 'Open Sans', sans-serif !important;	
}

#container_general  div.feature a:hover{
	color: #639; text-decoration-line:underline;
	font-size:1.1em;  	
	font-family: 'Open Sans', sans-serif !important;	
} 
 
  
/* Tables */
	
#cs_table1
{ 
width:95%; border-collapse:collapse;    
border:1px solid #D8D9DA !important; 
vertical-align:top; text-align:left; 
	/*font-family: 'Open Sans', sans-serif !important;	*/
	font-size:1.0em;
 	font-family: 'Open Sans', sans-serif !important;	
}
 
#cs_table1 td, #cs_table1 th 
{
	border:1px solid #D8D9DA !important; 
	vertical-align:top; text-align:left; 
	 
	margin: 10px; padding: 10px;  
	/*padding:2px 7px 1px 7px; font-family: 'Open Sans', sans-serif !important;	 */   
	font-weight:normal;
	 font-size:1.0em;
 	font-family: 'Open Sans', sans-serif !important;	
 }
 
#cs_table1 td p, #cs_table1 th p {
	padding: 10px;
	 	
	font-weight:normal;
	color: #000000; 
 	font-size:1.0em;
 	font-family: 'Open Sans', sans-serif !important;	
} 
  
 #cs_table1 tr:nth-child(even){background-color: #f2f2f2;}

#cs_table1 tr:hover {background-color: #ffffff;}
 
#container_general  div.feature img{
  width: 900px; /* width of container 360px*/
  height: 600px /* height of container  300px;220px;*/
  object-fit: cover; 
	
 }




/* Tables 1*/
  

#mb_table1 {
    text-align: left; margin-left:20px;	
	 margin: 0;
  	padding: 0;
    border-collapse: collapse;
    width: 100%; border:1px solid #D8D9DA !important; 
	font-size:1.0em;
	font-family: 'Open Sans', sans-serif !important;	
}
 

#mb_table1 table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
 font-size:1.0em;
	font-family: 'Open Sans', sans-serif !important;	
	
	text-align:left; border:1px solid #D8D9DA;
	vertical-align:top; text-align:left; 
	margin:3px; padding:10px;  
}

#mb_table1 td, #mb_table1 th { 
	font-size:1.0em;
	font-family: 'Open Sans', sans-serif !important;	
	
	text-align:left; border:1px solid #D8D9DA;
    vertical-align:top; text-align:left; 
	margin:3px; padding:10px;  
   
}

#mb_table1 tr:nth-child(even){background-color: #f2f2f2;}

#mb_table1 tr:hover {background-color: #ddd;}

#mb_table1 th {
	background-color: #ffffff;
  	border: 1px solid #ddd;
  	padding: .35em;
	padding-top: 12px;
    padding-bottom: 12px;
 	font-size:1.0em;
	/*font-family: 'Open Sans', serif; */
	
	font-family: 'Open Sans', sans-serif !important;	
	text-align:left; border:1px solid #D8D9DA;
	vertical-align:top; text-align:left; 
	margin:3px; padding:10px;   
}
 
 

@media screen and (max-width: 600px) {
#mb_table1 {
    border: 0;
  }

#mb_table1 caption {
    font-size: 1.1em;
  }
  
#mb_table1 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
#mb_table1 tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
#mb_table1 td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
	
  }
  
#mb_table1 td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}
		
				 


p.info_button{
			margin-bottom:1em;
			margin-top:1em;
		}
		
		p.info_button a{
			color: white !important; 
			background: #639; 
			padding: 0.5em; 
			font-size:1.1em;  
			font-family: 'Open Sans', sans-serif !important;	
		}

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

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

@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;
		font-family: 'Open Sans', sans-serif !important;	
	}
	 
	 

	#container_general div.feature {
	margin-top:1em;	font-family: 'Open Sans', sans-serif !important;	
	}
 
	#container_general div.feature img{
	width: 70%;
	height:70%;
	}
	
 
	#container_general div.feature #cs_table1 {
	margin-top:1em;	font-family: 'Open Sans', sans-serif !important;	
	}
}
 
 
 
@media only screen and (max-width: 900px) {
	 p.info_button{ font-size:1.0em !important; }
 }

	
@media only screen and (max-width: 767px) {
			
 p.info_button{ font-size:1.1em !important; }

 }