html body{ 
	margin:0;
	padding: 0; 
	text-align: center; 
	font-family: helvetica;
	background: #fff;
	}
p{
	text-align:left;
	}
	
a {
	color: #333; 
	font-weight: bold;
	text-decoration:none;
	outline: none;
    
    text-decoration: none;
	}
	
h2{
	color: #333;
	 
	 }

#bg{  
	min-height: 100%; 
	position: fixed;
	z-index: 1; 
	top: 0; 
	left: 0; 
	background-size:cover; 
	margin: auto;  
	width: 100%;
	}
	
	#bg img{
		width: 100%;	
	}
	#bg video{
		width: 100%;
		opacity:0.95;	
	}
	
.cta{ 
	background: #666; 
	color: #fff; 
	padding: 20px; 
	border-radius: 20px; 
	position: fixed; 
	z-index: 1; 	
	top: 500px; 
	right: 10vw; 
}

.cta:hover{
	background: #fff; 
	color: #000;
	}
	
	#burger{position: absolute; right: 10px; top: 5px; width: 40px; display:none; }
	#burger a  {color: #fff; text-decoration:none; }
	#burger a:hover {color: #fff; background:none; cursor: pointer; }
	
	
#menu{
	position: fixed; 
	z-index: 3; 
	top: 0; 
	left: 0;
	width: 100%; 
	padding-top: 0px;
	
	font-size: 20px; 
	background: #000;
	}


#menu > div{
	 width: 1000px; 
	 margin: auto;
	 }
	 
#submenu{
	font-size: 20px; 
	clear:both;
	}

#logo{
	
	}
	
#logo a{
	width: auto; 
	float:left; 
	background: #000;
	color : #fff;  
	padding: 5px 20px 5px 20px;
	}
	
.link,  #submenu a{ 
	font-weight: 100; 
	float: left;   
	color:#fff;
	text-decoration: none; 
	background: #000; 
	margin: auto;
	padding: 5px 20px 5px 20px; 
	}

#links a:hover{
	background: #fcf; 
	color: #000; 
	}
	


	
#submenu>a{ 
	 background: #F0F;
	}

#page{ position: relative;
	top: 70px; 
	z-index: 2;
	width: 90%;
	max-width: 1000px; 
	margin:auto;
	padding: 00px;
	border-radius: 0px;  
	font-size: 15px;
	overflow: auto;
	
	}	
	
.select{ background:#f0f; color: #000;}
.unselect{ background:#000; color: #fff;}	
	
.homepage{ text-align:right; width: auto; opacity: 1; background:none; }
.contentpage{ text-align:center; width:90%; opacity: 1; background:000; }



.homepage h1 {
	font-size:3em;
	color: #fff;
	opacity: 1;
	-webkit-text-stroke: 1px #f0f;
	text-shadow: 0px 2px 4px #000;	
	}  
.homepage h2
{
font-size:2em;
opacity: 1;
color: #fff;
	-webkit-text-stroke: 1px #f0f;
	text-shadow: 0px 2px 4px #000;	
	}
	      
page a {color: black;}
	      
.items{
	float: left; 
	width: 250px; 
	text-align:left;
	overflow:hidden; 
	margin: 20px; 
	border:solid 1px #aaa;
	border-radius: 10px;
	background: none;
	box-shadow: 0px 12px 28px -12px #000;
	
	}
	.infocard{width: 100%; background: #ddd; position: relative; margin-top: -100px; opacity: 0.9 }
.title{ text-transform: capitalize; padding-left: 12px;   padding-bottom: 0px; padding-top: 12px; font-size: 16px; font-weight: normal; padding-bottom: 8px; color: #444;}
.subtitle{ line-height: 1.5em; text-transform: capitalize; padding-left: 12px;   padding-bottom: 12px; padding-top: 0px; font-size: 12px;  font-weight: normal; color: #666; }
.items img{
	width: auto; 
	text-align:center;
	min-height:250px; 
	max-height: 250px; 
	width: 100%;
	min-width: 100%;
	margin-left: 0; 
	margin-right: 0; 
	}
	
.items a{
	color: #000; 
	text-decoration:none;
	}
.items h2{ padding-left: 8px;  padding-bottom: 0px; font-size: 16px;}
	
@media screen and (max-width: 900px) {

	
	#links{ background:#000;
	display:none; height: 95vh; width: 100vw; position: fixed; top: 30px; left: 0px; right: 0px;
	z-index: 10;}
	
	.link{
	 
	width:100vw; 
	margin: auto; 
	
	}
	
	#submenu{position: relative;  }
	#submenu > a{
	float:none; 
	display:block; 
	margin: auto;  
	}
	#logo a{display:block; position: relative; left: 10px;}
	#burger{display:block;}
	
	#page{top: 30px; position: relative; 
	width: 100%; 
	max-width: 100%;
	margin: auto;
}




	#menu > div{
	 width: auto; 
	 margin: 0;
	 }
	body{overflow-x:hidden;}
	#bg  {
		height: 100vh; 
		width: 300%;
		left: 0;
		top: 0; 
		border: none;
		margin-left: -120%;
	}
	
	#bg img{ height: 100%; width: auto; margin-left: -50%; margin-right: -50%;}
	
	#bg img{position:relative; width:100%;}
	.cta:hover{
	background: none; 
	color: #fff;}
	
	.items{
	float: none; 
	width: 100%;
	max-width: 300px;
	margin: auto;
	margin-top:20px;
	margin-bottom:30px;
	}
	#rec{margin-top: 30px; }
}