html {
    -webkit-font-smoothing: antialiased;
}

body {
	font-family: "Segoe UI", sans-serif, "Open Sans" !important;
	margin: 0;
	background-color: #fdfdfd !important;
	font-weight: 300;
	font-size: calc(1.0rem + 0.2vw) !important;
	color: #555 !important;
	-webkit-font-smoothing: antialiased;
}

#navigation a {
	text-decoration: none;
	font-size: calc(0.9rem + 0.2vw);
	color: #eee !important;
	padding: 0.2rem 0.4rem;
    margin: 0 0.4rem;
}

#navigation a:hover {
	color: #fff !important;
	text-decoration: none !important;
	padding: 0.2rem 0.4rem;
    border-bottom: 2px #fff solid;
}

a.nav-div {
	letter-spacing: 0;
	font-size: 1em;
}

a.nav-active {
    border-bottom: 2px #fff solid;
    color: #fff !important;
}

#header {
	background-color: #1e6a90; /* rgb(238, 237, 232); */
	Color: #eee;
}

#footer {
	font-size: calc(0.8rem + 0.2vw);
	background-color: #f2f5f7 ;
}

#copyright {
	font-size: 0.7em;
	color: #333333;
	padding: 30px;
	background-color: #d9dfe4;
}

ul.list-address {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.list-links {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li {
	line-height: 1.6em;
}

h1 {
    font-family: BadScript, "Segoe UI", sans-serif, "Open Sans";
	font-weight: 100 !important;
	font-size: calc(1.6rem + 0.8vw) !important;
	margin-bottom: 1.5rem !important;
	color: #336B87 !important;
}

h1.headline {
    font-family: BadScript, "Segoe UI", sans-serif, "Open Sans";
    font-size: calc(2.0rem + 0.8vw) !important;
}

h3 {
	font-weight: 100 !important;
	color: #336B87 !important;
	margin-bottom: 0.6em !important;
}

h5 {
	font-family: BadScript, "Segoe UI", sans-serif, "Open Sans";
	color: #336B87;
	font-size: calc(1.5rem + 0.3vw) !important;
	font-weight: 300 !important;
}

p {
	margin-bottom: 1.5rem !important;
}

.f0f {
	font-size: 1.8em;
	color: #333333;
}

a {
	color: #2892c7 !important;
	text-decoration: none !important;
	font-weight: 400;
}

a:hover {
	text-decoration: underline !important;
	color: #336B87 !important;
}

/*
@media (prefers-color-scheme: dark) {

    body {
        color: #ddd !important;
        background-color: rgb(65,67,74) !important;
    }

    #header, #footer {
        background-color: rgb(53,55,60) !important;
        color: #ddd !important;
    }

	#navigation a {
		color: rgb(0,125,171) !important;
	}

    #navigation a:hover {
        color: #68bcf0 !important;
    }

    a {
        color: rgb(0,125,171) !important;
    }

    a:hover {
        color: #c3d3dd !important;
    }
    
	.card {
		background-color: rgb(75,78,90) !important;
	}

	h1, h3, h5 {
		color: #ddd !important;
	}
}
*/