@import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap');
	    #container{max-width:100%;}  
		#container_cofac{
		/* width: 95.5%;max-width:1680px;	padding-top:3em;  border:1px solid #663399 !important;*/

		width: 99%;
		clear:both;
		/* padding: 4em 2.25%; */
		padding: 0em 0.10% 0.5em 0.10%;
		overflow: hidden;
		margin-bottom: 0.02em;
		margin-right:auto;
		margin-left:auto;
	  
		}
  
		#container1{
		/* width: 95.5%;max-width:1680px;padding-top:3em; border:1px solid #dcdcdc !important;*/ 
		width:99%;
		clear:both;
		/* padding: 4em 2.25%; margin-bottom: 0.02em;*/
		padding: 0.1em 0.20% 0.1em 0.20%;
		overflow: hidden;
		margin-bottom: 0.02em;
		margin-right:auto;
		margin-left:auto;
		 
		}
		  
		#container1 div.feature{
		width:99%;
		clear:both;
		padding: 0em 0.25% 0.1em 0.25%;
		margin-bottom: auto;
		margin-right:auto;
		margin-left:auto;
		/*margin-bottom: 0em;padding: 1em 0% ;margin-bottom: 0.05em;border:1px solid #dcdcdc !important;*/
		background:white;
	 	 
		} 
		
		#container1 div.feature h3{
		padding: 10px;
		font-size:1.5em;
		font-weight:bold;
		}
		
		#container1 div.feature p{
		padding: 16px 10px;
		font-size:1.2em;
		color:black;
		padding-top:0;
		margin-bottom: 0em;
		}
		 
		#container1 div.feature img{
		float:left;
		margin-right: 0.5%;
		max-height:auto;
		margin-bottom: 0em !important;
		}
   	

				  
		@media only screen and (max-width: 1366px) {
			#container1{
				width:98%; 
				clear:both;
				padding: 0 1%;
			}	
			 
			 
		}
		
 
 		#container5{
		/* width: 95.5%;max-width:1680px;padding-top:3em; border:1px solid #dcdcdc !important;*/ 
		width:99%;
		clear:both;
		/* padding: 4em 2.25%; */
		padding: 0.1em 0.15% 0.1em 0.15%;
		overflow: hidden;
		margin-bottom: 0.02em;
		margin-right:auto;
		margin-left:auto;
		 
		}
		  
		#container5 div.feature{
		width:99%;
		clear:both;
	 	padding: 0.05em 0% ;
		margin-bottom: auto;
		margin-right:auto;
		margin-left:auto;
		/*margin-bottom: 0em;padding: 1em 0% ; padding: 0em 0.25% 0.1em 0.25%; margin-bottom: 0.05em;border:1px solid #dcdcdc !important; */
		background:white;
		 
		} 

		div#featuredlinks p{
			border: 1px solid #639;
			text-align:center;
			margin-bottom: 0.5em;
			 
			width:calc(100% - 12px);
			/*max-width: 300px; width: 90% 85%; margin-right:20px;*margin-right:26px; margin-bottom: 1em;padding: 1em 0;padding: 0.1em 0;*/
			max-width: calc(33.33% - 12px);
			padding: 1em 0;
			font-weight:bold;
			font-size:1.2em; 
			float:left;
			background: #639;
			margin-right:5px;
			margin-left: 5px;
		}

		/*div#featuredlinks p:last-of-type{
			margin: 0 calc(33.33% + 5px);
		}*/
		
    
		div#featuredlinks a{
			display: block;
			width: 100%;	
			color:white;
		}
		
		div#featuredlinks p:hover{
			background: white;	
		}
		
		div#featuredlinks p:hover a{
			color:#639;	
		}
		
	
 
		@media only screen and (max-width: 1366px) {
			#container5{
				width:98%; 
				clear:both;
				padding: 0 1%;
			}	
			 
			div#featuredlinks{margin-bottom:1.5em; clear:both; overflow:hidden;}
			div#featuredlinks p{
				width:calc(100% - 12px);
				max-width: calc(33.33% - 12px);
				float:left;
				
			}			
			
			div#featuredlinks p:nth-of-type(2){
				margin-right: 0;
			}
		}


 		@media only screen and (max-width: 1000px) {
			 
			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: 700px) {
			 
			div#featuredlinks p{
				width: 100%;
				max-width: 100%;
				margin: 0.5em 0;
				float:none;
				
			}
			
			div#featuredlinks p:last-of-type{
				margin: 0;
			}
		}
 
 
		#container2{
		/* width: 95.5%;max-width:1680px;padding-top:3em; border:1px solid #dcdcdc !important;*/ 
		width:99%;
		clear:both;
		/* padding: 4em 2.25%; */
		padding: 0.1em 0.20% 0.1em 0.20%;
		overflow: hidden;
		margin-bottom: 0.02em;
		margin-right:auto;
		margin-left:auto;
		 
		}
		  
		#container2 div.feature{
		width:99%;
		clear:both;
		padding: 0em 0.25% 0.1em 0.25%;
		margin-bottom: auto;
		margin-right:auto;
		margin-left:auto;
		/*margin-bottom: 0em;padding: 1em 0% ;margin-bottom: 0.05em;border:1px solid #dcdcdc !important;*/
		background:white;
	 	 
		} 
		  

		
    
		div#featuredlinks a{
			display: block;
			width: 100%;	
			color:white;
		}
		
		div#featuredlinks p:hover{
			background: white;	
		}
		
		div#featuredlinks p:hover a{
			color:#639;	
		}
		
       #topleft{
			float:left;
			width: 20%;
			padding-left: 2%;
			padding-right: 1%;
			margin-top: 1%; 
			 
			}

			#topright{
			float:left;
			width: 70%;
			margin-top: 2%;  
			padding-left:2%; 
		 
			}


			#topleft img, #topright img{
			float:left;
			margin-right: 0.5%;
			max-height:auto;
			margin-bottom: 0em !important;
			 
			}

			#topright p {
			font-size:1.2em; 
			color:black;

			margin-bottom: 0.1em;
			line-height: normal;
			padding: 16px 10px;
			}
 

			#topright span.big{
			font-size: 1.5em;
			font-weight:bold;
			line-height:1.5em;
			}

			#topright span.reallybig{
			 font-size: 1.8em;
			 font-weight:bold;
			line-height:1.5em;
			}
 
			#topright  span.black{
			 color: #000;
			font-weight: bold;
			}

 

			@media only screen and (max-width: 1366px) {
			
			#container2 , #container2 .feature{
			width:98%; 
			clear:both;
			padding: 0 1%;
			}
				
			#topright, #topleft{
			width:98%; 
			clear:both;
			padding: 0 1%;
			}
				
			#topleft img, #topright img {
			width: 50%;
			height:50%;
			 object-fit:unset; 
			float:none !important;
			margin: 0 !important;
				}
			}


			@media only screen and (max-width:360px){
			#topright, #topleft {
			font-size:0.8em;
			/*height: 8em;
			margin-bottom: 1em;*/
			}
		 	#topleft img, #topright img {
			width: 50%;
			height:50%;
			 object-fit:unset; 
			float:none !important;
			margin: 0 !important;
				}

			}