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

.fullscreen-bg_video {
	opacity: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
}

h1{
	font-family: 'Bungee';
	color: white;
	font-size: 45px;
	text-align: center;
	text-shadow: 2px 2px 4px #000000;
}

h4{
	text-align: center;
	color: #f2f0ee;
	font-family: 'Nunito', sans-serif;
	text-shadow: 1px 1px 4px #000000;
}

h3{
	color: white;
	font-family: 'Bungee';
	font-size: 40px;
	text-align: center;
}
p{
	color: white;
	font-family: 'Nunito', sans-serif;
}

.jumbotron{
	margin: 20px;
	opacity: 40%;
}

.box1{
	/*top: 15%;*/
	position: absolute;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	left: 10%;
	bottom: 15%;
	padding: 10px;
	background-color: rgba(0,0,0,0.5);
}

.box2{
	/*top: 32%;*/
	position: absolute;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	right: 15%;
	bottom: 15%;
	padding: 10px;
	background-color: rgba(0,0,0,0.5);
}

.headline {
	text-align: center;
	line-height: 200%;
}

.bottom {
	position: absolute;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	margin-top: 20px;
	padding: 10px;
	left: 10%;
	right: 10%;
	bottom: 0%;
}

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

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