{% load staticfiles %}
html{margin: 0%; padding:0%;}
body{
	font-family: Avenir-UltraLight, 'Monda';
	font-size: 16px;
	font-weight: 100;
	color: white;
  /*
	background-image:url({% static "imgs/BG3.png" %});
	margin-bottom: -1%;
	height: inherit; 
	*/
	background-color:black;
	background-position:center;
	background-attachment: fixed;
	background-size: cover;
  background-repeat: no-repeat; 
	padding: 0;
	margin: 0;
	width: 100%;
  height: 100%;
  overflow-x: hidden;
  /*overflow-y: scroll;*/
  font-weight: 600
}
/*
form_row_f
body{background-image: url({% static "imgs/BG2.png" %}); background-size: cover; background-repeat: no-repeat; background-position: left;}
*/
.container{
	padding: 0%;
	margin: 0%;
/*	
	width: inherit;
	height: inherit;
	text-align: center;
	position: relative;
*/
}
textarea{height: 20vw; max-width:80%;}


@font-face {
  font-family: Avenir-UltraLight;
  src: url('{% static "fonts/AvenirNext-UltraLight.ttf" %}');
  src: url('{% static "fonts/AvenirNext-UltraLight.woff" %}');
    
}
@font-face {
  font-family: Avenir-UltraLight;
  src: url('{% static "fonts/AvenirNext-Bold.woff" %}');
  font-weight: bold;
    
}


a:link {
    color: white;
    text-decoration: none;
}
a link:hover{color: deepskyblue !important;}
a:visited {

}


a:hover {
    
   
   color: deepskyblue !important;
    
}


a:active {
    color: white;
}
h1{font-family: inherit;}

@-webkit-keyframes scrollBackground {
  from {
    background-position: 50% 0px;
  }
  to {
    background-position: 50% 1000px;
  }
}
h3{font-size: 2vw;}
article{
	position: fixed;
	overflow-x: hidden;
	width: 100%;
	max-height: 100%;
	-ms-overflow-style: none;
	-webkit-overflow-scrolling:touch;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}
article p{
	    font-family: 'Monda';
	    font-size: 2vw;
}
article img {-webkit-transform: translate3d(0,0,0);}

footer a{
  padding-top: .5%;
  padding-bottom: .5%;
}
footer a:link {
    text-decoration: none;
}

footer a:visited {

}

footer{
    background-color: black;
    position: absolute;
    padding-top: 0%;
    padding-left: 3%;
    padding-right: 3%;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: 'Monda';
}
footer p, footer a{
  font-size: 1.2vw;

}

.sign_off{color: white;}

button{
    border-radius: 5px;
    border-width: 0px;
    border-color: white;
    background-color: rgba(0, 0, 0, 0.3);
 	font-size: 2vw;
 	font-family: 'Monda';
 	color: white;
 	padding: 1%;
 	margin: 1%;
 }
button:hover{
/*  	background-color: rgba(0, 0, 0, 0.7);
  	-webkit-filter: drop-shadow(0px 0px 5px white);
	-moz-filter: drop-shadow(0px 0px 5px white);
	filter: drop-shadow(0px 0px 5px white); 
*/
} 


/*
table{      background-color: rgba(58, 58, 58, 0.7);
    text-align: left;
  border-width: 1px;
  border-style: solid;
  border-color: white;
  width: 80%;}
tr, th, td{
    border-width: .5px;
    border-style: solid;
    border-color: white;
    border-radius: 2px;
    padding: .5%;
    font-size: 1vw;
}
tr:first-of-type{
  background-color: rgba(0,0,0, .9);
}
tr{
  background-color: rgba(255,255,255, .1);
}
tr:hover{
    background-color: rgba(100,0,0,.3);
}
td:focus{
    background-color: rgba(10,110,0,.9);
}

*/



#mission{overflow-y: scroll !important; position: absolute; height: 100%;}




.fs-1{font-size: 1.2em;}
.form_row_f{padding: 2%; margin: 0%;}
.form_row_f input{width: 28vw; height: 4vw !important; padding: 0%; margin:0%;}

#social_bottom{font-size: 3vw;}

#down_chev{position:absolute; top: 70%; font-size: 3vw; border:1px slategrey solid; border-radius: 50%; padding: 3%;}

#ham_menu{position: fixed; top:0; right: 100%; font-size: 4vw; z-index: 9999;}


.videoWrapper {

}
.videoWrapper iframe {
	position: absolute;
	/*top: 25%;*/
	left: 0;
	width: 100%;
	height: 70%;
}

#headerVideo .videoWrapper iframe {
/*
  position: relative;
  padding-top: 20%;
  width: 15vw !important;
  height: 100%;
*/  
}

.inline-flex-t {
    display: inline-flex;
    -webkit-box-pack: top;
    -webkit-flex-pack: top;
    -webkit-justify-content: top;
    -webkit-flex-align: top;
    -webkit-align-items: top;
    vertical-align: top;
}

#tab-8{
  position: absolute; !important;
  width: 70%;
  height: 100%;
  top: 0%;
  padding: 1%;
  z-index: 9999;
  background-color: rgba(0,0,0, .9);
  color: white;
}

#tab-8 input{font-size: 1vw !important; height: 1vw;}
#tab-8 textarea{font-size: 1vw !important;}
#tab-8 select{font-size: 1vw !important;}


#tab-8 .close{
  position: absolute; !important;
font-size: 2vw;
  top: 0%;
  left: 97%;
  font-weight: 100;
  z-index: 9999;
  color: white;
}