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

h3.horn
{  
	font-weight:normal!important;
	text-align:center!important;
	font-size: 1.6em!important;
	text-transform:uppercase!important;
	
	color:#fc0!important; 
	color:#fff!important;

	background-color:#639;
	 margin: 0.1em 0; 
	margin-bottom: 0.5em;
	 

}
**/


  #container_one
{
	/*width:95.5%;max-width:1680px; border:1px solid #EA1CD7!important; padding:2em2.25%;max-width:1680px;*/
	
	width:98.0%;
	clear:both;
	 padding: 0.5em 1.0%;
	overflow:hidden;
	margin-bottom:1em;
	margin-right:auto;
	margin-left:auto; 
	
	font-size:1.1em; 
	color:#000000;
	 
}
 



#container_one div.feature{
	width:98%;	
	float:left;
	 
	margin-right: 1%;
	margin-left:0.1%; 
	 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; color:#000000;
 
}

#container_one div.feature h3{
	/*padding:16px10px;*/
	 
	color:#000000; 
	padding: 10px;
	font-size:1.4em;
	font-weight:bold;
}

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

 

#container_one div.feature p{
   
	color:#000000; 
	padding: 16px 10px;
	font-size:1.1em;
	color:black;
	padding-top:0;
}
 

@mediaonlyscreenand(max-width:1340px){
	#container_one div.feature
	{
	font-size:1.1em;
	}
}




@mediaonlyscreenand(max-width:1024px){
	#container_one div.feature{
	font-size:1.0em;
	}
}
	

@mediaonlyscreenand(max-width:950px){	
	#container_one div.feature
	{
	margin-left:2.25%;
	margin-right:2.25%;
	width:94.5%;
	clear:both;	
	margin-bottom:2em;
	padding:002.5em0;
	font-size:1.0em;
	}

}

 

#container_two
{
/*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:10px;
	
	overflow:hidden; 
	margin-bottom:1em; 
	 color:#000000;
	 
}

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

#container_two div.feature h4{
	/*padding:16px10px;*/
	padding: 10px;
	font-size:1.2em;  
	color:#663399;
	font-weight:bold; 
	
}

 

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


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

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


 

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


/*Tables*/

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

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


 #container_two p.feature img{
			max-height:100%;
		}
		

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

div#featuredlinks p{
			border: 2px solid #639;
			text-align:center;
			margin-bottom: 1em;
			width: 90%;
			max-width: 310px;
			/*padding: 1em 0; margin-right:26px; width: 85%;float:center;*/ 
			padding: 2em 0;
			font-weight:bold;
			font-size:1.0em;
			margin-right:20px;
			
			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_two {
				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;
			}
		}
 
 /** photo grid **/

.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}







video {
  width: 100%;
  height: auto;
}

.row:after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 15px;
  width: 100%;
}

@media only screen and (min-width: 600px) {
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}

@media only screen and (min-width: 768px) {
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}