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

#container_general
{/*width:98%; border:1px solid #ff99bb !important; padding: 0.2em 1.25%;max-width:1680px;*/ 
	 
	width:99%;
	clear:both;
	 position: relative; overflow: auto;
	text-align: left;  
	color: #000000 !important; 
	   font-size:1.1em;   
	font-family: 'Open Sans', sans-serif !important;
	
  /*  margin: 0.05em 0;  padding-left: 10px;   */   
 
   margin-top: 0.1em;
	margin-bottom: 1em;
	margin-right:auto;
	margin-left:auto;
	 
	 
	} 
 
#container_general div.feature{ 
	width: 99%;	
	float:left;
	/* padding: 0.1em 1.25%; border:1px solid #EA1CD7 !important; */
	
	background:white;
	margin-bottom:1em;
	margin-top:  0.5em;
	margin-right: 1%;
	margin-left: 0.1%;
	 
	font-size:1.0 em; 
	font-family: 'Open Sans', sans-serif !important;	
	 
} 


#container_general div.feature h3{
	padding: 10px;
	 font-size:1.2em;	 
}
 
#container_general div.feature p{
	padding: 16px 10px;
	color:black;
	padding-top:0;
}
 
 
#container_general div.feature p.viewmore{ 
	 
 	width: 90%;	
	font-size:1.0em;	   
	font-family: 'Open Sans', sans-serif !important;
	color: #000000;
	 
}
 
#container_general div.feature p.viewmore a{
	background: #639; 
	width: 90%;	
	padding: 1em 1em; 
	display: block;
	font-size:1.0em;	   
	font-family: 'Open Sans', sans-serif !important;
	color: white;
	margin-top:0.5em;
}

 


#container_general div.feature p.viewmore a:hover{
	color:#fc0;
	  
}
 
 
  

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

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

	#container_general div.feature p.title{
	margin-top:1em;	
	}
 
	#container_general div.feature img{
	width: 100%;
	}
}

 


#container_general div.feature p.viewmore1{ 
	 
 	width: 50%;	
	font-size:1.0em;	   
	font-family: 'Open Sans', sans-serif !important;
	color: #000000;
	 
}
 
#container_general div.feature p.viewmore1 a{
	background: #639; 
	width: 50%;	
	padding: 1em 1em; 
	display: block;
	font-size:1.0em;	   
	font-family: 'Open Sans', sans-serif !important;
	color: white;
	margin-top:0.5em;
}

 


#container_general div.feature p.viewmore1 a:hover{
	color:#fc0;
	  
}

 
#toprow {
	width:98%;
	padding: 0 1%;	
	clear:both;
	font-family: 'Open Sans', serif; 
	font-size:1.0em;
}
#topleft{
	float:left;
	width: 74%;
	padding-right: 1%;
	font-size:1.0em;
	font-family: 'Open Sans', serif; 
	 
}
#topright{
	float:left;
	width: 23%;
	margin-top:1em;
	font-size:1.0em;
	padding: 1em 0em;
	margin: 5px; 
	font-family: 'Open Sans', serif;
	 
}
   
   
 
  
 @media only screen and (max-width: 1366px) {
 #topright, #topleft{
width:98%; 
clear:both;
padding: 0 1%;
font-size:1.0em;
font-family: 'Open Sans', serif;
	}	
 
}
 
 

#container_events
{/*width:98%; border:1px solid #ff99bb !important; padding: 0.2em 1.25%;max-width:1680px;*/ 
	width:99%;
	clear:both;
	 position: relative; overflow: auto;
	text-align: left;  
	color: #000000 !important; 
	   font-size:1.1em;   
	 margin-bottom:5px;
	 /*  margin: 0.05em 0;  padding-left: 10px;   */   
	   font-family: 'Open Sans', sans-serif !important;
	 
	 } 


#container_events div.feature{ 
	width: 100%;	
	float:left;
	padding: 0.1em 1.25%;
	margin-bottom:5px;
	background:white;
	 
}


#container_events h4 {
	color:#FFF;
	background:#639 repeat-x;
	padding-left:.5em !important;
}


#container_events {
	display:flex;
}

#container_events h4 a {
	color: #FFF !important;
}

#container_events div.column:not(:first-child) {
	border-left:1px solid #aaa;
}

div#events {
	flex:1 1 auto;
	float:left;
	width:70%;
	
}
div#social {
	flex:0 1 500px;
	float:right;
	width:25%;
	margin-left: 1%;
}
 
#container_events div.content {
	margin:0;
	padding: 10px 5px;
	 font-size:1.1em;
	margin-left: 2%;
	
}
 

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

@media only screen and (max-width:950px){	
	#container_events  div.feature, div#events, div#social
	{
	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.1em; 
	}
	 
}