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


body {
	margin: 0px 0px 0px 0px;
	font-size: 1em; // 16px;
	font-family: 'Michroma', sans-serif;
	line-height: 1.7em; //16px;
	background-color:#000000;
	color:#FFFFFF;
}


.top {
	text-align: center; 
	padding: 5px 0px 5px 0px; 
	background-color: rgba(0,0,0,0.4); 
	width:75%; margin: 0 auto;
	font-size: 0.9em;
	}


 #header {
	position:fixed; right:0;left:0;
	background-color: #000000;
	color:#D4E88B;
	background-image:url("../images/earth.jpg"); 
	background-size: contain;
	background-repeat:no-repeat;
	width: 100%;
	z-index: 9001; 
	top:0;
	box-shadow: 0px 20px 25px #000000; width: 100%;
	}

.banner { 
	padding-top: 8px; 
	padding-bottom: 1px; 
	margin: 0px 10px 0px 10; 
	text-align: center; 
	align-content: center; }

.title {
	font-size: 1.5em; 
	line-height: 1.2em; 
	text-align: center; 
	margin: 0 auto; 
	width: 80%px;
	font-family: 'Michroma', sans-serif;
	font-weight: 800;
}

.container 
{ 	top: 140px;
	width: 95%;
	margin: 0px auto 0px auto;
	left: 0px; right: 0px;
	color:#FFFFFF;
font-family: Open Sans;	
font-weight: 400;
font-size: 1em; 
line-height: 1.7em; 
	text-align: left;
	background-color: #000000;
	position: relative;
	
}
.menu {font-size: 1em;
	width: 100%}

.contact {text-align: center; margin-top: 5px;}

hr {width: 100%}


a {text-decoration: none; color: #78EAF4;}

a:hover {color:#E8EBC8;}


#text  {color:#000000; padding:20px; 
min-width:850px;
text-align:left; 
width: 750px;
}	
	
h1 {color:#D4E88B;
font-size:1.2rem;
text-align:center;
font-weight:400;
font-family:michroma;
line-height:1rem;
}

h2 {color:#bbbbbb;
font-size: 0.9rem;
text-align:left;
font-weight:400;
font-family:michroma;
line-height:0.5rem;}

h3 {color:#D4E88B;
font-size:1rem;
text-align:center;
font-weight:100;
font-family:michroma;
}

h4 {color:#D4E88B;
font-size: 1.1rem;
line-height: 1.5rem;
text-align: left;
font-weight: 100;
font-family: michroma;
word-spacing: 0.1em;
	margin-bottom: 10px;
}

li {font-size: 1em;}

.wide {width: 100%}

blockquote {font-style:italic; color: #EFF085;}

#pic-right {
	float:right; 
	padding-bottom:5px; 
	padding-top:0px; 
	padding-left:25px; 
	padding-right:0px;
	}

#pic-left {
	float:left; 
	padding-bottom:5px; 
	padding-top:0px; 
	padding-left:0px; p
	adding-right:15px;
	}
	
@media screen and (min-width: 768px) {
    	.top {
	background-color: rgba(0,0,0,0); 
	}
		
	.title {
	font-size: 2.4em; 
	width: 750px;}
	
	.menu {font-size: 1.2em}
	
	.container {
		width: 750px;
		font-size: 1.2em;
		top: 200px;
	
	}
	
	h1 {font-size: 1.4em;}
	h2 {font-size: 1.1em;}
	h4 {line-height: 1.4rem;}
	hr {width: 750px;}
	
	#header {position: fixed;}

}