body {
	margin: 0;
	padding: 0;

	background-color: #141414;
	color: #aaa;

	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
}

a, a:active, a:hover, a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

p {
	margin: 0.5rem 0 0.5rem 0;
	padding: 0;
}

hr {
	flex-grow: 1;
	height: 0rem;
	margin: auto;
	border-color: #777;
}

.title {
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	padding-top: 3rem;
	padding-bottom: 2rem;
}

.subtitle {
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
}

.footer {
	font-size: 0.8rem;
	font-style: italic;
	color: #aaa;
	padding-top: 2rem;
	padding-bottom: 1rem;
}

.quote {
	font-size: 0.8rem;
	font-style: italic;
	color: #aaa;
}

.box {
	display: flex;
}

.box.v {
	flex-direction: column;
}
.box.h {
	flex-direction: row;
}

	.box.vf {
		flex-direction: column;
	}
	.box.hf {
		flex-direction: row;
	}

	.box.vfr {
		flex-direction: column;
	}
	.box.hfr {
		flex-direction: row;
	}
	
	.box.item {
		flex-grow: 5;
	}

	.box.item.sub {
		flex-grow: 1;
	}

	.box.space {
		flex-grow: 1;
		min-width: 3rem;
	}

@media (max-width: 960px), (orientation: portrait) {
	.box.vf {
		flex-direction: row;
	}
	.box.hf {
		flex-direction: column;
	}

	.box.vfr {
		flex-direction: row-reverse;
	}
	.box.hfr {
		flex-direction: column-reverse;
	}

	.box.item {
		flex-grow: 1;
	}

	.box.item.sub {
		flex-grow: 1;
	}

	.box.space {
		flex-grow: 1;
	}

	hr {
		width: 100%;
	}	
}

.box.wrap {
	flex-wrap: wrap;
}

.box.wrap {
	flex-wrap: nowrap;
}

.box.s {
	justify-content: flex-start;
}
.box.m {
	justify-content: center;
}
.box.e {
	justify-content: flex-end;
}

.box.cs {
	align-items: flex-start;
}
.box.cm {
	align-items: center;
}
.box.ce {
	align-items: flex-end;
}

.box.even {
	justify-content: space-evenly;
}
.box.around {
	justify-content: space-around;
}
.box.between {
	justify-content: space-between;
}


.cookie-popup {
    position: fixed;
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #ccc;
    padding: 10px 10px 30px 10px;
    box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    text-align: center;
}

.cookie-popup p {
    margin: 0 30px 10px 30px;
}

.accept-cookies {
    background-color: #0055ff;
    border: solid 1px rgba(0, 0, 0, 0);
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}