body {
	color: #FFFFFF;
	background: #000000;

	font-family: 'Source Sans Pro', sans-serif;
	
}

a {
	color: #BDC8BA;
}
a:hover {
	color: #b37d01;
}

#header {
	background: white;
	padding-top: 2%;
}

h1 {
	text-align: center;
}

#text-soon {
	text-align: center;
}

#text-soon-content {
	margin: .7em 0 1.5em;
	text-align: center;
	font-family: 'Amatic SC', cursive;
	background: #021653;
	color: white;
	display: inline-block;
	font-size: 42px;
	padding: .3em .7em;
	border: white solid 3px;
	border-radius: .2em;
	-webkit-box-shadow: 7px 5px 6px 0 rgba(0,0,0,.3);
	box-shadow: 7px 5px 6px 0 rgba(0,0,0,.3);
	
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	
	
	-moz-animation-name: dropHeader;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.8s;

    -webkit-animation-name: dropHeader;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.8s;

    animation-name: dropHeader;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.8s;
}
@-moz-keyframes dropHeader {
    0% {
        -moz-transform: translateY(-10px) rotate(-2deg);
		opacity: .5;
    }
    100% {
        -moz-transform: translateY(0);
		opacity: 1;
    }
}
@-webkit-keyframes dropHeader {
    0% {
        -webkit-transform: translateY(-10px) rotate(-2deg);
		opacity: .5;
    }
    100% {
        -webkit-transform: translateY(0) rotate(-3deg);
		opacity: 1;
    }
}
@keyframes dropHeader {
    0% {
        transform: translateY(-10px) rotate(-2deg);
		opacity: .5;
    }
    100% {
        transform: translateY(0) rotate(-3deg);
		opacity: 1;
    }
}


/* Responsive XS */
@media (max-width: 767px) { 
	#text-soon-content {
		font-size: 30px;
	}
}

/* footer background: #021653; */
#footer {
	background: #000000;
	color: white;
	font-size: 20px;
	padding-top: 2%;
}
#footer .contact-element {
	line-height: 1.5em;
}
#footer .contact-element-text {
	padding-bottom: .5em;
}
#footer .col-xs-1 {
	text-align: center;
}

#footer .col-xs-2 {
	text-align: center;
}

#footer #copyright {
	margin-top: 2%;
	font-size: 15px;
	text-align: center;
	padding-bottom: 1%;
}
/* Responsive XS */
@media (max-width: 767px) { 
	#footer {
		font-size: 15px;
	}
}

.video-container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
video {
    width: 100%;
    height: auto;
    display: block;
}
audio {
    width: 100%;
    max-width: 500px;
    margin: 20px 0;
}
        

/* 	-----
	Bootstrap breakpoints
	-----
*/
#debug-responsive  {
	position: fixed;
	bottom: 50px;
	left: 15px;
	color: #333;
	z-index: 2000;
	font-size: 33px;
}
#debug-responsive .container {
	width: 100px;
	height: 100px;
	background: #a2a2a2;
	text-align: center;
	border-radius: 100px;
	line-height: 2.9em;
	opacity: .3;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

#debug-responsive .container div#sm,
#debug-responsive .container div#md, 
#debug-responsive .container div#lg {
	display: none;
}
	
#debug-responsive .container div#xs {
	display: block;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#debug-responsive .container div#xs, 
	#debug-responsive .container div#md, 
	#debug-responsive .container div#lg {
		display: none;
	}
		
	#debug-responsive .container div#sm {
		display: block;
	}	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#debug-responsive .container div#xs,
	#debug-responsive .container div#sm, 
	#debug-responsive .container div#lg {
		display: none;
	}
		
	#debug-responsive .container div#md {
		display: block;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	#debug-responsive .container div#xs, 
	#debug-responsive .container div#sm, 
	#debug-responsive .container div#md {
		display: none;
	}
		
	#debug-responsive .container div#lg {
		display: block;
	}
}