@import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap');

#container{max-width:100%;   margin-bottom: 0.5em; }  
 
 <!-- container one -->

#container_one {
	width: 100%;	
	clear:both;
	padding: 1em 0%;
	overflow: hidden;
	margin-bottom: 1em;  
	/*border:1px solid #D8D9DA  !important; */
	 
}

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

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

h3.bcj2
{  
	font-weight:normal!important;
	text-align:center!important;
	
	font-size: 1.2em!important;
	
	
/*color:#fc0!important; text-transform:uppercase!important; */
	color:#fff!important;

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



#container_one div.feature {

	max-width: 1680px;
	clear: both;
	padding: 2em 2.25%;
	overflow: hidden;
	margin-bottom: 1em;
	margin-right: auto;
	margin-left: auto;	
	/*border-bottom: 1px solid #ccc;
	border:1px solid #D8D9DA !important; 
	box-shadow: 5px 5px 5px #ccc;
	 */
	 
}



#container_one div.feature h3
{
	  
	padding: 10px;
	font-size:1.5em;
	font-weight:bold;
	color:#663399; 
	
}
 
#container_one div.feature h4{
 
	padding: 10px;
	font-size: 1.3em;
	font-weight:bold;
	color:#000000;
	
}

 

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

#container_one div.feature img {
	float:left;
	/*margin-right: 5%;*/
	padding: 5px;
	margin-left:20px;
}

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

  

#container_one  div.feature ul li  {
		color: black;
		/*border-bottom: 1px dotted black !important;*/
		font-weight:bold;
		font-size:1.05 em;
	}

#container_one  div.feature a {
	color: #639;	
}
#container_one  div.feature a:hover {
	color: #639;
}
 

#container_one div.feature p.viewmore {
	margin-top:2em;	
}

#container_one div.feature p.viewmore a {
	background: #639;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	padding: 0.6em 1em;
}

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

div#featuredlinks p{
			 
			text-align:center;
			margin-bottom: 1em;
			margin-top:1em;
			width: auto;
			/*max-width: 300px;*/
			padding: 1em 0;
			font-weight:bold;
			font-size:1.0em;
			margin-right:26px;
			float:left;
			background: #639; 
		}
		
		div#featuredlinks a{
			display: block;
			width: auto;
			color: white !important;
			background: #639; 
			padding: 0.5em;  
		}
		
		div#featuredlinks p:hover{
			background: white;	
			color: #663399 !important;
			 border:1px solid #D8D9DA !important;
		}
		
		div#featuredlinks p:hover a{
			color:#639;	
			 border:1px solid #D8D9DA !important;
		}
		
 
	 

 
@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(1){
				margin-right: 0;
			}
		}

@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.1em;
	}
	 
  	#container_one div.feature:nth-of-type(1) {
							margin-bottom: 0;
						}
	
	#container_one  div.feature img {
		width: 100%;
		height:100%;
		object-fit:unset;
		float:none !important;
		margin: 0 !important;
	}
	
 
}
@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;
				
			}
		}


	#container4 {
		background: #eee;
			clear:both;
		padding:10px;
		margin-top:20px;
			margin: 1em 0;
			overflow: hidden;
			text-align:center;
		     
		}

 
 

 #container4 div.daylife  {
  
  width: 30%; float: left; margin: 0.5em 0; padding:10px;
	 
}

 

#container4 div.daylife img {
	margin-bottom:0.5em;
	 border:1px solid #D8D9DA !important;
	padding:10px;
}

 
		
   div.daylife div{min-height:35px;}

 
  p.bureaubutton{
	  	padding: 20px;
			margin-bottom:1em;
			margin-top:1em;
	  		 
		}
		
		p.bureaubutton a{
			color: white !important; 
			background: #639; 
			padding: 0.5em; 
			font-size:1.2em;
			 border:1px solid #D8D9DA !important;
		}
	 
 @media only screen and (max-width:1024px){
	 #container4   {
	 font-size:1.1em; color:#000000;
	}
}

	 @media only screen and (max-width: 767px) {
			
			
			 #container4  {font-size: 1.1em; color:#000000;} 
			 
			 #container4  div.daylife {
				width: 100%;
				float: left;
				margin: 1.5em 5%;
				min-height: 250px;
				 
			}
				#container4  div.daylife img {
				width: 100%;
				height:100%;
				object-fit:unset;
				float:none !important;
				margin: 0 !important;
			}
			p.bureaubutton{ font-size:0.8em !important; }

			 

		}