/* open-sans-regular - latin */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans-v18-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* open-sans-600 - latin */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../fonts/open-sans-v18-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

h1, h2, h3 { padding: 1rem 0 1rem 0; }

.center { text-align: center; }

p { margin: 1rem 0; }

a { color: #08647e; text-decoration: none; border-bottom: solid 1px transparent; }

ul li a { display: inline-block; padding: 0.25rem; }

* { box-sizing: border-box; padding: 0; margin: 0; }

body { max-height: 100vh; color: #000; background: #020024; background: linear-gradient(90deg, #020024 0%, #08647e 100%, #5e708b 100%); color: #fff; font-family: 'Open Sans', sans-serif; }

body #wrapper { height: 100vh; }

body #mobile-navigation { width: 100%; position: absolute; top: 87px; height: calc( 100vh - 85px); right: 0; z-index: 1000; background: #020024; background: linear-gradient(90deg, #020024 0%, #08647e 100%, #5e708b 100%); }

body #mobile-navigation #close { width: 30px; position: absolute; top: 0.5rem; right: 1.5rem; }

body #mobile-navigation #mainnav { list-style: none; padding-top: 4rem; }

body #mobile-navigation #mainnav .nav-item { text-align: center; line-height: 2; font-size: 28px; font-weight: 600; }

body #mobile-navigation #mainnav .nav-item a { color: #ffffff; text-decoration: none; padding: 1rem; }

#header { display: grid; grid-template-columns: 100%; max-width: 980px; margin: 0 auto; }

#header .logo { margin-top: 2rem; margin-bottom: 2rem; font-size: 3rem; font-weight: 600; line-height: 1; text-align: center; }

#header .logo a { color: #fff; text-decoration: none; display: block; }

#header .logo .small { font-size: 1.5rem; font-weight: 400; }

#toggleWrapper { position: absolute; top: 6rem; right: 1.5rem; }

#toggleWrapper .navbar-toggler { width: 30px; }

.content { max-width: 980px; margin: 0 1rem; display: grid; grid-template-columns: 100%; }

.content #leftcol { display: none; }

.content #leftcol ul { margin-top: 2rem; padding-right: 1rem; list-style: none; text-align: right; }

.content #leftcol ul li a { padding: 0.5rem 1rem; display: block; color: #a0a0a0; text-decoration: none; font-size: 1.5rem; }

.content #leftcol ul li a.current, .content #leftcol ul li a:hover { color: #fff; }

.content #rightcol { padding: 1rem 2rem 2rem; background-color: #fff; color: #000; margin-bottom: 1rem; margin-right: 1rem; margin-left: 1rem; border-bottom-right-radius: 10px; }

.content #rightcol a:hover { border-bottom: solid 1px #08647e; }

.content #rightcol .banner { padding: 1rem; margin-bottom: 1rem; background: #020024; background: linear-gradient(90deg, #020024 0%, #08647e 100%, #5e708b 100%); color: #fff; }

.content #rightcol .banner a { color: #fff; }

.content #rightcol .exlink { width: 10px; }

.content img.left { float: left; padding-right: 1rem; }

footer { display: grid; max-width: 980px; margin: 0 auto; grid-template-columns: 100%; text-align: center; padding: 1rem 0; color: #6d6d6d; }

footer a { color: #6d6d6d; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (min-width: 768px) { #header { grid-template-columns: 35% 65%; } #toggler { display: none; } .content { grid-template-columns: 35% 65%; margin: 0 auto; } .content #leftcol { display: block; } .content #rightcol { margin-left: 0; } footer { grid-template-columns: 35% 65%; } }

/*# sourceMappingURL=main.css.map */