@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* CSS Document */
/*
colors!
	navy = #001446, 1 less = #001D66, 2 less = #00237A;
	blue = #0096d1, 2 less = #0ABAFF, 2 more = #0084B8
	plum = #622650, 2 less = #83346C, 2 more = #491D3C
	teal = #429eae, 2 less = #5CB2C1, 2 more = #388694
	white = #f1f2f2, 2 more = #DFE2E2
	red = #d64933
	yellow = #FFB01F, 2 less = #FFBF47
*/


html {
	font-size: 110%;
}

body {
	font-family: "Roboto", sans-serif;
	color: rgba(0,5,0,0.6);
	margin:0;
	font-size:1em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'EB Garamond', serif;
	color: #001446;
}

h1 {
	font-size: 3em;
	text-align: center;
	text-decoration-line: overline;
	text-decoration-style: solid;
	text-decoration-color: #429eae;
	text-decoration-thickness: .2083em;
	/*border-top: solid #429eae .3em;*/
}

h2 {
	text-decoration-line: overline;
	text-decoration-style: solid;
	text-decoration-color: #429eae;
	text-decoration-thickness: .2778em;
	font-size: 2.25em;
	text-align: center;
	padding:0.25em 0;
}

h3 {
	font-size: 2em;
	text-align: center;
}

h4 {
	font-size: 1.75em;
	margin: 0.75em auto;
}

h5 {
	font-size: 1.5em;
	margin: 0.75em auto;
}

h6 {
	font-size: 1.25em;
	margin: 0.75em auto;
}

p {
	
}

a {
	color: #0096d1;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #00668F;
}

button, a.button, button[type=button] {
	display: inline-block;
	background-color: #429eae;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0.75em 1em;
	margin: 0.25em;
	font-size: 100%;
	cursor: pointer;
	border: none;
	-webkit-appearance: none;
	text-decoration: none;
}

button:hover, a.button:hover, button[type=button]:hover {
	background-color: #388694;
	color: #fff;
}

table {
	width: 100%;
}

tr {
	
}

td {
	vertical-align: top;
	padding: 0.625em;
}

ul {
	list-style: none;
}

li {
	
}

#submenu {
	position: absolute;
	width:100%;
	height:100vh;
	z-index: 300;
	top:0;
	overflow: scroll;
	background-color: #001446;
	transition: 0.3s;
}

#submenu.hide {
	width:0;
}

#submenu a, #submenu input[type=submit] {
	width: 100%;
	display: block;
	color: #fff;
	padding: 1em 0;
	font-size: 1em;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background-color: #001446;
	border: none;
	text-transform: capitalize;
	margin: 0;
	letter-spacing: normal;
}

#submenu a:hover, #submenu input[type=submit]:hover {
	background-color: #00113D;
}

@media only screen and (max-device-width: 900px) {
	
	
}