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

/** container one **/

#container_one
{
	/* width: 95.5%;max-width:1680px; padding: 2em 2.25%;max-width:1680px;*/
	 max-width:1680px;
	width: 99.0%;
	clear:both;
	padding: 0.5em 0.5%;
	overflow: hidden;
	margin-bottom: 1em;
	margin-right:auto;
	margin-left:auto;
	 
 	 color:#000000; 
	/*font-family: Palatino Linotype, Palatino, Times, 'Lora',  serif; border:1px solid  #006622!important; */
	font-size:1.0em;
	font-family: 'Open Sans', sans-serif !important;
	 
}
 
#container_one div.feature{
	width: 98%;	
	float:left;
	margin-right: 1%;
	margin-left:0.1%;
	background:#ffffff;
	 padding: 2px 8px;
	/*border:1px solid  #006622!important;padding: 10px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
	 	font-size:1.1em; 
		font-family: 'Open Sans', sans-serif !important;
	   
 }

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

 
 

 #container_one div.feature h3{
	/*padding: 16px 10px;*/
	 /*padding: 0.5em 0; margin:1em 0;*/
	padding: 5px;
	 font-size:1.5em;
 	font-weight: bold; color:#000000; 
}

#container_one div.feature h4{
	/*padding: 16px 10px;*/
	padding: 5px;
	 font-size:1.3em;
 	 font-weight:bold;
	 color: #663399;   
}


#container_one div.feature p{
	/*padding: 16px 10px;*/
	padding: 5px;
	font-size:1.1em;
	font-family: 'Open Sans', sans-serif !important;
	 
}
#container_one div.feature img{
	 width:70%;
}
 
@media only screen and (max-width:1340px){
	#container_one div.feature
	{
		font-size: 1.05em;   
	}
	h3.ypas
	{
		font-size: 1.3em;   
	}
}
@media only screen and (max-width:1024px){
	#container_one div.feature{
	 font-size: 1.0em;   
	}
	h3.ypas
	{
		font-size: 1.0em;   
	}
}
	 

@media only screen and (max-width:950px){	
	#container_one 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.05em;   
	} 
	h3.ypas
	{
		font-size: 1.05em;   
	}
}

 
 

#container_three
{
/*width:95.5%;max-width:1680px;border:1pxsolid#EA1CD7!important;padding:2em2.25%;max-width:1680px;padding:1em1.0%;border:1pxsolid#D8D9DA!important;*/

	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:1.1em; color:#000000;
}

#container_three div.feature{
width:97.0%;
float:left;
margin-right:1%;
margin-left:0.1%;
background:#ffffff;
padding:2px 8px;
	font-size:1.1em; color:#000000;
}
 
#container_three div.feature h3{
	/*padding:16px10px;*/
	padding: 10px;
	font-size:1.2em;  color:#663399;
	font-weight:bold;
   
}

#container_three div.feature h4{
	/*padding:16px10px;*/
	padding:5px;
	font-size:1.2em;  color:#663399;
	font-weight:normal;
	
}

 

#container_three div.feature p{
	/*padding:16px10px;*/
	padding: 16px 10px;
	font-size:1.1em; color:#000000;
	
}


#container_three  div.feature a{
	 color: #000000; 	
	/*border-bottom: #EA215A 0.125em solid;border-bottom: #ffcc00 0.125em solid;*/
	
	  font-size:1.1 em; 
	
 }

#container_three div.feature a:hover{
 color: #639; font-size:1.1 em;  
 }


 

#container_three  div.feature ul{
 
 line-height:1.5em;	
 margin-top: 0.5em;
 list-style:disc;
 margin-left:1.5em;
	font-size:1.1em; color:#000000;
 }
		


/*Tables*/

 
#container_three table{
border-collapse:collapse;
border-spacing:0;
width:95%; 
	text-align:left;
	border:1px solid #ffffff!important; 
}

#container_three th, #container_three td{ 
/*text-align:center;	border:1px solid#D8D9DA !important;*/
	text-align:left;
padding:10px; border:1px solid #ffffff!important; 
}
 

 #container_three p.feature img{
			max-height:100%; max-width:80%;
		}
 

 

@mediaonlyscreenand(max-width:1340px){
	#container_three div.feature
	{
font-size:1.1 em;
	}
}
@mediaonlyscreenand(max-width:1024px){
	#container_three div.feature {
	font-size:1.1 em;
	}
}
	
	@media only screen and (max-width: 1150px) {
	#container_three div.feature {font-size:0.8em;}
		}

div#featuredlinks p{
			border: 2px solid #639;
			text-align:center;
			margin-bottom: 1em;
			width: 85%;
			max-width: 300px;
			/*padding: 1em 0; margin-right:26px; width: 85%;*/ 
			padding: 2em 0;
			font-weight:bold;
			font-size:1.1em;
			margin-right:20px;
			float:center;
			background: #639;
			
		}

 

		
		div#featuredlinks a{
			display: block;
			width: 100%;	
			color:#ffcc00!important;
		}
		 
  
		
		div#featuredlinks p:hover{
			background: #ffffff!important;	
			 
		}
		
		div#featuredlinks p:hover a{
			color:#639;	
		}
		
 @media only screen and (max-width: 1366px) {
	 
			div#featuredlinks{margin-bottom:1.5em; clear:both; overflow:hidden;}
			div#featuredlinks p{
				width: 47.5%;
				max-width: 47.5%;
				margin: 0.5em calc(5% - 8px) 0.5em 0;
				float:left;
				
			}			
			
			div#featuredlinks p:nth-of-type(2){
				margin-right: 0;
			}
		}
		 
 

 		@media only screen and (max-width: 1000px) {
			  #container_three {
				width:98%; 
				clear:both;
				padding: 0 1%;
			}
			div#featuredlinks p{
				width: calc(100% - 12px);
				max-width: calc(50% - 12px);
				
			}
			
			div#featuredlinks p:last-of-type{
				margin: 0 calc(25% + 5px);
			}
		}


		
		@media only screen and (max-width: 900px) {
			 
			div#featuredlinks p{
				width: calc(100% - 4px);
				max-width: calc(100% - 4px);
				margin: 0.5em 0;
				float:none;
				font-size:1.0em;
			}
		}
		
 	
		div#featuredlinks p:hover{
			background: white;	
		}
		
		div#featuredlinks p:hover a{
			color:#639;	
		}
		
	



		@media only screen and (max-width: 700px) {
			 
			div#featuredlinks p{
				width: 100%;
				max-width: 100%;
				margin: 0.5em 0;
				float:none;
				
			}
			
			div#featuredlinks p:last-of-type{
				margin: 0;
			}
		}
 
 


/* Tables */
 

#table1 { 
	 
    width: 90%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
	 
  }

#table1 tr {
   font-size: 1em; font-family: 'Cabin', sans-serif; 
   
    padding: 5px; text-align: left;
  }

#table1 th, #table1 td {
	 font-size: 1em; font-family: 'Cabin', sans-serif; 
   
    padding: 10px;
    text-align: left;
  }

#table1 th {
	 
    text-transform: uppercase;
    letter-spacing: 1px;
  }

#table1 th, #table1 td {
    padding: 15px;
    text-align: left;
}


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

    table {
      border: 0;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
       
    }
 
    table td {
      display: block;
      text-align: left;
      font-size: 13px;
     
    }

  
  }