@charset "utf-8";
/* CSS Document */

<!--
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
	font-family:'PT Sans', sans-serif;
}

html
{
    scroll-behavior: smooth;
}

body {
	background-color: #ffffff;
    overflow-x:hidden;
    text-align: center;

}

.main-container
{
	padding-top:30px;
	overflow-x:auto;
	display:inline-block;
	min-height:400px;
	color:#000000;
	background-color:#ffffff;
	min-width: 350px;
}

#small-font{
    font-size:0.85em; 
}

#medium-font{
    font-size:1em>; 
}

#large-font{
    font-size:1.25em; 
}

#xlarge-font{
    font-size:1.5em; 
}

#xxlarge-font{
    font-size:2em; 
}

.accent-1
{
	color: #11637F;
}

a.link {
	color: #11637F;
	text-decoration: none;
}

a.link:hover {
	color: #008EC6;
	text-decoration: none;
}

a.link:visited {
	text-decoration: none;
}

a.link:active {
	text-decoration: none;
	text-align: right;
}


@media screen and (width >= 1200px) {  
   .main-container
    {
        padding-top: 30px;
		min-width: 350px;
    }


	#small-font{
		font-size:0.85em; 
	}
	
	#medium-font{
		font-size:1em>; 
	}
	
	#large-font{
		font-size:1.25em; 
	}
	
	#xlarge-font{
		font-size:1.5em; 
	}
	
	#xxlarge-font{
		font-size:2em; 
	}


}

@media screen and (width < 1200px) {  
    .main-container
    {
        padding-top: 30px;
		min-width: 95%;
    }

	#small-font{
		font-size:1.25em; 
	}
	
	#medium-font{
		font-size:1.5em>; 
	}
	
	#large-font{
		font-size:2em; 
	}
	
	#xlarge-font{
		font-size:2.5em; 
	}
	
	#xxlarge-font{
		font-size:3em; 
	}


}



-->