/* Reset link */
a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Default styling */
h1 {
	font-size: 2rem;
	margin: 1.34rem 0;
}

h2 {
	font-size: 1.5rem;
	margin: 1.245rem 0;
}

h3 {
	font-size: 1.17rem;
	margin: 1.17rem 0;
}

h4 {
	font-size: 1rem;
	margin: 1.33rem 0;
}

h5 {
	font-size: .83rem;
	margin: 1.386rem 0;
}

h6 {
	font-size: .67rem;
	margin: 1.561rem 0;
}

#wrapper {
	display: flex;
	flex-flow: column wrap;
}

#header {
	width: 100%;
	border-top: .1rem solid #0074d9;
	padding: .5rem;
	background-color: #7fdbff;
	color: #0074d9;
	border-radius: 0 0 .5rem .5rem;
}

#header a {
}

#header h1 {
}

#header nav {
	float: right;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
}

#header nav a {
	flex: 1;
	text-align: center;
	border-radius: .25rem;
	padding: .25rem .5rem;
	margin: 0 0 .5rem .5rem;
	/*color: #399696;*/
	color: #0093f9;
	background-color: #001f3f;
	font-weight: bold;
}

#footer {
	font-size: .8rem;
	width: 100%;
	padding: .5rem;
	background-color: #7fdbff;
	color: #0074d9;
	border-radius: .5rem;
	bottom: 0;
	position: absolute;
}

#footer summary {
	display: inline;
}

#footer summary:after {
	content: "\00a0";
}

/*
#footer summary:after,
#footer p:after {
	content: ' - ';
}

#footer p:last-child:after {
	content: '';
}*/
