@charset "UTF-8";
/* CSS Document */

/* General Stuff */

body {
	margin:0;
	padding:0;
	background: #000;
	font-family: sans-serif;
}
h1 {
	margin:0;
	padding: 0;
	position: absolute;
	top: 240px;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	color: #ddd;
	font-size: 5em;
	font-family: sans-serif;
	letter-spacing: 0.2em;
	z-index: 20;
}
h1 span {
	opacity:0;
	display: inline-block;
	animation: animate 1s linear forwards;
	width:auto;
}
.whitetext {
	color:#fff;
}
.cardspace{
	margin-bottom: 1em;
}
.logoimages {
	width:100%;
}

/* Sections */
		/* Top video ------------- */
#topvideo {
	height:500px;
	background:#000 url("../media/noirbackground2.jpg") top no-repeat;
    background-size: 100%;
	animation: animated 4s linear forwards;
	position: relative;
	top:-63px;
	margin-bottom:-100px;
}
video {
	object-fit:contain;
	width: 100%;
	z-index:10;
	position: relative;
	top:-200px;
}
@media (min-width: 1367px) {
video {
	position:relative;
	 top:-200px;
	}

}
@media (max-width: 1366px) {
video {
	position:relative;
	 top:0;
	}

}

@media (max-width: 1000px) {
#topvideo {
		height:390px;
	}
video {
	position:relative;
	 top:0;
	}
.logoimages {
	width:80%;
	position: relative;
	top:-80px;
	}
}

@media (max-width: 768px) {
#topvideo {
		height:350px;
	}
video {
	position:relative;
	 top:0;
	}
.logoimages {
	width:80%;
	position: relative;
	top:-80px;
	}
	
}
	
@media (max-width: 576px) {
 video {
	position:relative;
	 top:0;
}
#topvideo {
		height:315px;
	}
.logoimages {
	width:80%;
	position: relative;
	top:-60px;
	}
	.jumbotron {
		margin-bottom: 1rem;
	}
  }

/* Animations */
@keyframes animated {
	0%
	{
		opacity: 0;
		filter: blur(10px);
		
	}
	100%
	{
		opacity: 1;
		filter: blur(0);

	}
}
@keyframes animate {
	0%
	{
		opacity: 0;
		filter: blur(20px);
		
	}
	100%
	{
		opacity: 1;
		filter: blur(0);

	}
}
h1 span:nth-child(1){
	animation-delay: 2s;
}
h1 span:nth-child(2){
	animation-delay: 2.4s;
}
h1 span:nth-child(3){
	animation-delay: 2.6s;
}
h1 span:nth-child(4){
	animation-delay: 2.8s;
}
		/* About Us ------------- */
#about {
	background:#ddd;
	color:#000;
	padding:24px;
	margin: 32px 40% 10px;
	z-index: 20;
}