@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Quicksand');
/* CSS Document */

* { box-sizing: border-box; }
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
	
}
#vidtop-content {
	top: 0;
	color: #fff;
	
}
.vid-info {
	position: absolute;
	top: 0px;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url(images/fancybox_overlay.png);
	opacity: 0.7;
	padding: 0;
	text-indent: 0px;
	min-height: 0x;
	}
.text{
    font-family: 'Quicksand', sans-serif;
	font-size: 100px;
	font-weight: 600;
	color: #fff;
	opacity: 0.7;
	text-align: center;
	width: 100%;
	height: 10%;
	text-shadow: 3px 3px #000;
	

}

.text01{
    font-family: 'Quicksand', sans-serif;
	font-size: 40px;
	color: #fff;
	opacity: 0.7;
	text-align: center;
	width: 100%;
	height: 10%;
	text-shadow: 3px 3px #000;
	background-color: #000000;

}
	.
.vid-info a { display: block; 
	color: #fff; 
	text-decoration: none; 
	transition: .6s background; 
	border-bottom: none; 
	margin: auto; }
	
	.height{
		height: 400px;
	}	
	
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}