@font-face{
	font-family: Archivo;
	font-style: normal;
	font-weight: 400;
	src: url(/assets/fonts/Archivo.ttf);
}

@font-face{
	font-family: Archivo;
	font-style: italic;
	font-weight: 400;
	src: url(/assets/fonts/Archivo-Italic.ttf);
}

@font-face{
	font-family: Quintessential;
	font-style: normal;
	font-weight: 400;
	src: url(/assets/fonts/Quintessential-Regular.ttf);
}

@font-face{
	font-family: Macondo;
	font-style: normal;
	font-weight: 400;
	src: url(/assets/fonts/Macondo-Regular.ttf);
}

html, body {
	height:100%;
}

body {
	margin:0;
	padding:0;
	font-family:Archivo, serif;
}

.flex {
	display: flex !important;
}

.flex-column {
	flex-direction:column;
}

a {
	text-decoration: none;
}

li {
	list-style: square inside;
}

.subheader {
	margin:0 auto;
	width:85%;
	background-color:var(--color-blue-dark);
	border-right: 5px solid var(--color-blue-light);
    border-left: 5px solid var(--color-blue-light);
	min-height:100%;
}

@media (max-width: 1000px) {
	.subheader {
		width: 100%;
		box-sizing: border-box;
	}
}