/* Globals */

/* Links */
a,
a:focus,
a:hover {
	color: #fff;
	text-decoration: none;
}

/* Base structure */
html,
body {
	background-color: rgb(29, 32, 35);
	height: 100%;
}

body {
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	font: 1em Verdana, Arial, sans-serif;
}

video {
	aspect-ratio: 4 / 3;
	box-shadow: 0rem .5rem 3rem rgba(0, 0, 0, .5);
}

/* Controls the max video width */
.cover-container {
	max-width: 72rem;
}

/* Header */
.masthead {
	margin-bottom: 2rem;
	padding-bottom: .8rem;
}

.masthead-brand {
	margin-bottom: 0rem;
}

.nav-masthead {
	margin-bottom: 1rem;
}

.nav-masthead .nav-link {
	background-color: transparent;
	color: rgba(255, 255, 255, .5);
	font-weight: 700;
	padding: .25rem 0;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
	color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
	margin-left: 1rem;
}

.nav-masthead .active {
	color: #fff;
}

@media (min-width: 48rem) {
	.masthead-brand {
		float: left;
	}
	.nav-masthead {
		float: right;
	}
}

/* Cover */
.cover {
	padding: 0 1rem;
}

.description {
	float: left;
	font-size: 1rem;
	font-weight: 100;
	padding: 1rem;
}

.address {
	margin-top: 2rem;
	text-shadow: 0 .25rem .5rem rgba(0, 0, 0, 1);
}

.address a, 
.description a {
	text-decoration: underline;
}

.breakdown-heading {
	color: rgb(120, 190, 250);
	text-shadow: 0 .25rem .5rem rgba(0, 0, 0, 1);
}

/* Footer */
.mastfoot {
	color: rgba(255, 255, 255, .5);
	margin: 8rem;
}