body {
	margin: 0;
	padding: 0;
}

html, a {
	font-size: 16px;
	color: white;
	font-family: source-sans-pro, sans-serif;
	font-weight: bold;
	text-decoration:none;
}

.content {
	width: 90%;
	height: 100%;
	text-align: center;
	padding-top: 25px;
	padding-left:5%;
	padding-right:5%;
	z-index: 100;
	opacity: 0.85;
}

.header {
	padding-bottom: 25px;
}

.tracks {
display: flex;
flex-direction:row;
justify-content:space-around;
}


.fullscreen-bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -100;
}

.fullscreen-bg__video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.body-bg {
	background: rgba(0,0,0,0.1) url(../img/overlay.png) repeat;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}

@media (min-aspect-ratio: 16/9) {
	.fullscreen-bg__video {
		height: 300%;
		top: -100%;
	}
}

@media (max-aspect-ratio: 16/9) {
	.fullscreen-bg__video {
		width: 300%;
		left: -100%;
	}
}

@media (max-width: 767px) {
	.fullscreen-bg {
		background: url('../video/dog/video.jpg') center center / cover no-repeat;}
}