html, body {
	height: 100%;
	margin: 0;
	width: 100%;
}
body {
	display: grid;
	align-content: space-between;
	grid-template-rows: min-content 1fr min-content;
	grid-template-areas: 'header'
	'main'
	'footer';
}
@font-face {
	font-family: "Quicksand-Bold";
	src: url("Quicksand-Bold.ttf");
}
@font-face {
	font-family: "Quicksand-Medium";
	src: url("Quicksand-Medium.ttf");
}
body {
	font-family: "Quicksand-Medium", arial;
	font-size: 18pt;
	color: #585857;
}
body a {
	color: #585857;
}
h1 {
	color: #585857;
	font-family: "Quicksand-Bold";
}
h2 {
	font-size: 32pt;
	text-align: center;
	color: #44b94a;
	font-family: "Quicksand-Bold";
}
h3 {
	color: #44b94a;
	font-family: "Quicksand-Bold";
}
h5 {
	font-family: "Quicksand-Medium";
	margin-left: 2em;
	font-size: 18pt;
}
header {
	grid-area: header;
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
	font-family: "Quicksand-Bold";
	box-shadow: 0 10px 20px lightgrey;
}
header h1 {
	margin-top: 0.95em;
	text-align: left;
}
header a {
	color: #585857;
	text-decoration: none;
}
.header-left {
	grid-area: header-left;
	display: grid;
	justify-content: start;
	grid-template-areas: 'header-img header-h';
}
.header-img {
	grid-area: header-img;
}
.header-h {
	grid-area: header-h;
}
.header-logo{
	grid-area: header-logo;
	margin-bottom: 0.3em;
}
.header-logo img {
	margin-top: 1em;
	margin-right: 0.4em;
}
.header-logout {
	grid-area: header-logout;
	text-align: right;
	display: flex;
	align-items: end;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
}
.main {
	grid-area: main;
	width: 100%;
}
footer {
	grid-area: footer;
	background-color: #44b94a;
	text-align: center;
	height: 4.5em;
	margin: auto 0 0 0;
	width: 100%;
	color: white;
	font-size: 12pt;
}
footer p:nth-child(1) {
	margin-top: 1em;
	margin-bottom: 0.3em;
}
footer p:nth-child(2) {
	margin-top: 0;
	margin-bottom: 0em;
}
footer a {
	color: white;
	text-decoration: none;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.a-nostyle {
	text-decoration: none;
}
.centerfield {
	width: 50%;
	margin: 0 auto;
}
.indent-2 {
	margin-left: 3em;
}
.container {
	width: 100%;
	display: flex;
	justify-content: center;
}
.top-margin {
	margin-top: 4em;
}