/* ----------------------------------------------- */
/* FONTS */
/* ----------------------------------------------- */

@font-face {
	font-display: swap;
	font-family: 'Lato-Regular';
	font-style: normal;
	font-weight: 400;
	src: url('fnt/Lato-Regular.woff2') format('woff2'),
		url('fnt/Lato-Regular.woff') format('woff'),
		url('fnt/Lato-Regular.ttf') format('truetype'); }
@font-face {
	font-display: swap;
	font-family: 'Lato-Bold';
	font-style: normal;
	font-weight: 700;
	src: url('fnt/Lato-Bold.woff2') format('woff2'),
		url('fnt/Lato-Bold.woff') format('woff'),
		url('fnt/Lato-Bold.ttf') format('truetype'); }

/* ----------------------------------------------- */
/* BASIC SETUP */
/* ----------------------------------------------- */

html, body {
	background-color: #ffffff;
	color: #444444;
	font-family: 'Lato-Regular', sans-serif;
	font-weight: 400;
	font-size: 1.125rem;
	text-rendering: optimizeLegibility;
	height: 100%;
	scroll-behavior: smooth; }
section {
	display: flex;
	flex-direction: column;
	min-height: 100vh; }
main {
	flex: 1;
	width: 100%;
	margin: 90px auto 50px auto;
	padding: 0px 10px;
	text-align: center; }
h1, h2 {
	font-family: 'Lato-Bold', sans-serif;
	font-weight: 700;
	color: #333333;
	}
h1 { font-size: 125%; margin: 20px 0px; }
h2 { font-size: 115%; margin: 10px 0px; }
p { line-height: 1.4; margin: 20px 0px; }
ul { line-height: 1.4; margin: 20px 0px 20px 30px; }
a:link, a:visited {
	color: #000000;
	-webkit-transition: color 0.2s;
	transition: color 0.2s; }
a:hover, a:active { color: #CD205C; }

/* ----------------------------------------------- */
/* HEADER AND FOOTER */
/* ----------------------------------------------- */

.nav-bar {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 40px;
    background-color: #ffffff;
    border-bottom: 1px solid #dadce0;
    box-shadow: 0px 6px 6px rgba(0,0,0,0.2); }
.nav-bar-top-left { float: left; }
.nav-bar-top-right { float: right; }
.sbtn { margin: 0px 10px; }
.icnimg { width: 40px; height: 40px; }
footer {
    padding: 10px;
    line-height: 1.7;
    color: #ffffff;
    background-color: #555555; }
.ftr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
.ftr-div {
    font-size: 85%;
    padding: 10px;
    flex: 20%;
    min-width: 200px; }
.ftr-div a:link, .ftr-div a:visited
    { color: #ffffff; text-decoration: none; }
.ftr-div a:hover, .ftr-div a:active
    { color: #000000; }
.ftr-about {
    line-height: 1;
    font-size: 75%; }
.ftr-cpy {
    text-align: center;
    font-size: 70%;
    padding: 20px 10px 0px 10px; }

/* ----------------------------------------------- */
/* MAIN */
/* ----------------------------------------------- */

.logoimg { width: 64px; }
.bldtxt, b {
	font-family: 'Lato-Bold', sans-serif;
	font-weight: 700; }
.smltxt { font-size: 70%; }
.errtxt { color: #ff0000; }
.rdytxt { color: #009900; }
.onleft { text-align: left; }
.onright { text-align: right; }
.hiddenfield { display: none; }
.topspaced { margin-top: 7px; }
.bottomspaced { margin-bottom: 20px; }
.narrowtxt { max-width: 800px; }
.stdwdth { max-width: 980px; }
.widetxt { max-width: 1200px; }