<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> 
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,700;0,800;1,300;1,700;1,800&amp;display=swap');

#container_one
{
	/* width: 95.5%;max-width:1680px; padding: 2em 2.25%;max-width:1680px;  max-width:99%; border:1px solid #D8D9DA!important;
	*/ 
    max-width:99%;  width:100%; 
	clear:both;
	padding: 0.5em 0.3%;
	overflow: hidden;
	/* margin-top: 0.01em; 
	margin-bottom:0.5em;
	margin-right:auto;
	margin-left:auto;*/
	 
 	 color:#000000; 
	font-size:1.0em; 
	  
}	
 
#container_one div.feature{ 
	 width: 100%; 
	clear:both;
	margin-top: 0.01em; 
	padding: 0.1em 0;	
	background:#ffffff; 
 	 color:#000000; 
	font-size:1.0em; 
	 	  
 }
 #container_one div.feature h3.scm1 {
font-weight:bold!important;
text-align:center!important;
font-size: 30px!important; 
	 
/*font-family: 'Open Sans', sans-serif !important; */
/*color:#fc0!important;	 font-family:Open+Sans, Helvetica Neue, Lora, sans-serif;*/
color:#ffcc00!important;
background-color:#639;
/*margin: .5em 0; margin: .2em 0*/
	padding: 15px;
  
}
 
 #container_one div.feature h3
{
	text-transform:uppercase;
	/*font-style:italic; color:#552989;font-size: clamp(1.3rem, 2.5vw, 3rem); */
	color:#663399;
	font-weight: 700;
	font-size:1.5em!important;
}

 #container_one div.feature h4
{
	text-transform:normal;
	/*font-style:italic; color:#552989;font-size: clamp(1.3rem, 2.5vw, 3rem); */
	color:#663399!important;
	font-weight: 700;
	font-size:1.2em!important;
} 

 

div#panels
{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin: 2rem 0;
	justify-content:space-between;
}

div.panel 
{
	flex:30%;
	min-width: 350px;
}

div.panel
{
	display:flex;
	flex-direction:column;
	border: 1px solid #ccc;
	box-shadow: 5px 5px 5px #ccc;
}
  
 

div#links_panels
{
	display:flex;
	margin: 1rem 0;
	justify-content: space-around;
	gap:1rem;
}
 
div.panel div.links
{
	display: flex;
	flex-direction: column;
}

div.panel .links a
{
	font-size: 1.1rem;
	padding: .5rem 1rem;
	background: #639;
	color: white !important;
	text-align: center;
	/*font-size: clamp(1.1rem, 1.5vw, 1.5rem) !important;*/
}

div.panel .links a:hover
{
	background: #FC0;
	color: #639 !important;
}


div.half_panel
{
	flex: 50%;
	background: #eee;
}

/*div.half_panel h4
{
	text-align: center;
	text-transform: uppercase;
	font-size: clamp(1.5rem, 2vw, 2rem) !important;
}
*/
div.half_panel h5
{
	text-transform:uppercase;
	text-align:center;
 
	font-weight: 700;
	font-size:1.5em!important;
}

div.half_panel div.links
{
	display: flex;
	flex-direction: column;
}


 


.half_panel .links a
{
	font-size:2.3rem;
	padding: .5rem 1rem;
	background: #639;
	color: white !important;
	text-align: center;
	font-size: clamp(1.2rem, 1.5vw, 1.5rem) !important;
}

.half_panel .links a:hover
{
	background: #FC0;
	color: #639 !important;
}

div.text
{
	padding:1rem;
}

 
@media only screen and (max-width: 1024px)
{
	 div#links_panels { flex-direction:column; }
	
}
  </pre></body></html>