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

body{
	font-family: Arial, Helvetica, sans-serif;
	z-index:10;
	
}

body {
  /* Location of the image */
  background-image: url("../Media/Images/Rainbow over the hood.jpg");
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #000000;
}

/*
#cover-mask{
	position:absolute;
	left:0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #000000;
	z-index: 50;
	/* CSS3 - Chrome, Edge, Firefox, and Internet Explorer */
/*	animation-name: cover-mask;
	animation-delay: 0s;
	animation-duration: 8s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
*/

/*@keyframes cover-mask {
	  0% {opacity: 1.0;}
	100% {opacity: 0.0;}
}
*/
#cover-header{
	position: absolute;
	left: 0px;
	right: 0px;
	text-align: center;
	top: 5%;
	color: #9FB0C3;
	font-size: 80px;
	font-weight: 800;
	font-style: oblique;
	z-index:51;
	opacity:1;
	letter-spacing: 0.5em;
	
	/* CSS3 - Chrome, Edge, Firefox, and Internet Explorer */
	/*animation-name: cover-header;
	animation-delay: 5s;
	animation-duration: 5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-play-state: running;
	animation-fill-mode: forwards;
	*/
}

/*@keyframes cover-header {
	  0% {opacity: 0;   font-size:0px;  letter-spacing: 0.3em;}
     70% {opacity: 1;   font-size:60px; letter-spacing: 0.5em;}
	100% {opacity: 0.7; font-size:60px; letter-spacing: 0.5em;}
}
*/
#navigate{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 120px;
	height: auto;
	z-index:51;
	opacity:1;
	}
	
#open a {
	float: left;
	margin-left: 10%;
	font-weight: 800;
	text-decoration: none;
	opacity:1;
	/*color: #CCCCCC;*/
	color: #0000FF;
	font-size:10px;
	letter-spacing: 0.3em;

	/* CSS3 - Chrome, Edge, Firefox, and Internet Explorer */	
	/*animation-name: open;
	animation-delay: 10s;
	animation-duration: 5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-play-state: running;
	animation-fill-mode: forwards;
*/
}

/*CSS3 - Chrome, Edge, Firefox, and Internet Explorer */
/*@keyframes open{ 
	  0% {opacity: 0; font-size:0px;}
     80% {opacity: 1; font-size:24px;}
	100% {opacity: 0.4; font-size:20px;}
}
*/
#help a {
	float: right;
	margin-right: 10%;
	font-weight: 800;
	text-decoration: none;
	opacity:1;
	color: #EEEEEE;
	font-size: 30px;
	letter-spacing: 0.3em;
	/* CSS3 - Chrome, Edge, Firefox, and Internet Explorer */	
/*	animation-name: help;
	animation-delay: 10s;
	animation-duration: 5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-play-state: running;
	animation-fill-mode: forwards;
*/
}

/*CSS3 - Chrome, Edge, Firefox, and Internet Explorer */
/*@keyframes help{ 
	  0% {opacity: 0; font-size:0px;}
     80% {opacity: 1; font-size:24px;}
	100% {opacity: 0.4; font-size:20px;}
} 
*/
/*.videoInsert {
    position: absolute; 
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto; 
    height: auto; 
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}
*/