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

body{
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	max-width: 1024px;
	margin-left: 0.09em;
	margin-right: auto;
	background-color: rgba(17,65,73,1.00); 
	background-image: url("../images/console_hz_strips.png");
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;	
}

div a{
	font-size: 10.0em;
	padding: 2px;
}
ul a{
	font-size: .9em;
	padding: 2px;	
}

p{
	color: rgba(248,247,230,1.00);
	background-color: rgba(4,42,5,0.15); 
	font-size: 1.1em;
	text-align: justify;
	letter-spacing: 0.02em;
	text-shadow:
    -1px -1px 5px rgba(1, 96, 116, 1),  
    1px -1px 5px rgba(1, 96, 116, 1),
    -1px 1px 5px rgba(1, 96, 116, 1),
    1px 1px 5px rgba(1, 96, 116, 1);	
	padding: 0.6em;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
	width: 548px;
}

@media screen and (max-width: 600px) {
  p {
    width: 84%;
  }
}

p a{
	color: rgba(248,247,230,1.00);
	background-color: rgba(6,119,37,0.56);
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

header img{
	padding-left: 2em;
	float:left;
}
header h2{
	color: rgba(248,247,230,1.00);
	background-image: linear-gradient(rgba(1,23,1,0.80),rgba(6,100,8,0.40));
	width:21.4em;
	padding-left: 2em;
	margin-left: 1.41em;
}

header h3{
	color: rgba(248,247,219,1.00);
	background-image: linear-gradient(rgba(1,23,1,0.80),rgba(6,100,8,0.40));
	width:19em;
	padding-left: 2em;
}

ul{
	list-style: none;
}

ul li{
	font-size: 1.8em;
	letter-spacing: 0.04em;
	padding-bottom: 0.3em;
}

ul li a{		
	display: inline-block;
	padding: 3px;
	background-image: linear-gradient(rgba(1,23,1,0.80),rgba(6,100,8,0.40));
	font-size: 0.5em;
	text-decoration: none; 
	text-shadow: 2px,2px,.5px,rgba(28,28,17,1.00);
	color: rgba(248,247,219,1.00);
	border: solid rgba(113,123,8,0.78) 0.7px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
}


ul li img{
	padding-right: 2.2em;
	padding-bottom: .2em;
	float:right;
}

hr{
	text-align: left;
	margin: 0px;
	height:3px;
	color: rgba(156,249,157,0.72);
	width: 33.8em;
}

div img{
	padding-left: 2em;
}

.backSplash{
	padding: 3px;
	background-image: linear-gradient(rgba(1,1,25,0.60),rgba(11,64,171,0.50));
	font-size: 0.7em;
	text-decoration: none; 
	text-shadow: 2px,2px,3px,rgba(28,28,17,1.00);
	color: rgba(248,247,219,1.00);
	border: solid rgba(113,123,8,0.78) 0.7px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
	width: 13em;
	float:left;
  	margin: 12px 0;
}


.title{
	color: #F4EED8;
	font-size: 1.3em;
	letter-spacing: 0.04em;
	text-shadow:
    -1px -1px 5px rgba(1, 96, 116, 1),  
    1px -1px 5px rgba(1, 96, 116, 1),
    -1px 1px 5px rgba(1, 96, 116, 1),
    1px 1px 5px rgba(1, 96, 116, 1);
	
	padding-left: 3.3em;
}

.subtitle{
	color: #84E62C;
	font-size: 1.1em;
	letter-spacing: 0.03em;
	text-shadow:
    -1px -1px 5px rgba(1, 96, 116, 1),  
    1px -1px 5px rgba(1, 96, 116, 1),
    -1px 1px 5px rgba(1, 96, 116, 1),
    1px 1px 5px rgba(1, 96, 116, 1);
	
	padding-left: 4.6em;
}

.subtitleMob{
	color: #84E62C;
	font-size: 1.1em;
	letter-spacing: 0.03em;
	text-shadow:
    -1px -1px 5px rgba(1, 96, 116, 1),  
    1px -1px 5px rgba(1, 96, 116, 1),
    -1px 1px 5px rgba(1, 96, 116, 1),
    1px 1px 5px rgba(1, 96, 116, 1);
	padding-left: 0.5em;
}

@media screen and (max-width: 600px) {
	
	header{
		width: 80%;
	}
	
	ul li a{
		display: inline-block;
		font-size: 0.4em;
		clear: both;
		float: none;
	}
	
	.title {
		font-size: 0.8em;
	}
	
	.subtitle {
		font-size: 0.6em;
	}
	
	.subtitleMob {
		font-size: 0.82em;
	}
	
	hr{
		width: 32.0em;
		height: 5px;
	}
}


.v_space{
	height: 22em;
}

.v_spaceMed{
	height: 12em;
}

.v_spaceSmall{
	height: 5.1em;
}

.v_spaceMobileParig{
	height: 10.3em;
}

.blueGlow{
	background-color: rgba(91,140,215,0.32); 	
}

.herobox{
	width: auto;
	height: 228px;
	position: absolute;
	top: 20px;
	left: 35px;
	z-index: -5; /*0 is default*/
}

.fullscreen{
	min-height: 100%;
	min-width: 100;
	width: auto;
	height: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -5; /*0 is default*/
}

@media (max-width: 600px){
	video.fullscreen{
		display: none;
	}
}