#index{
	background-color:#E5E7E9;
	background-image: url("/pictures/bg.png");
	width:100%;
	height:100%
}

@media screen and (max-width:500px) {

}




#fbbutton{
	position:absolute; 
	top:560px; 
	left:150px; 
	z-index:2000;
}

#sitelock{
	position:absolute; 
	top:560px; 
	left:50px; 
	z-index:2000;	
}



#footer{
	
	background-color:#1d2b3a;
	border:2px solid lightgray;
	position:relative;
	top:1900px;
	left:0px;
	width:100%;
	height:300px;
	
	
}




#banner{
	
	background-repeat: no-repeat;
	background-size: 100%;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	height:550px;
	width:100%;
}

body {margin:0;}
#myTopnav{
	position:absolute;
  top:550px;
  width:100%;
  
}
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #1d2b3a;
}

ul.topnav li {float: right;}

ul.topnav li a {
  display: inline-block;
  color:gray;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
}

ul.topnav li a:hover {
	background-color: #1d2b3a;
	color: #00dfc4;
	border-left:1px solid #00dfc4;
	border-right:1px solid #00dfc4;
	}

ul.topnav li.icon {display: none;}


@media screen and (max-width:100%) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:100%) {
  ul.topnav.responsive {position:relative;}
  ul.topnav.responsive li.icon {
    position:absolute;
    right:0;
    top:0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}



#box1{
	position:absolute;
	top:620px;
	left:5%;
	width:87%;
	padding-right:50px;
	wordwrap:word-break;
	overflow:hidden;
	min-height:1900px;
	background-color:#1d2b3a;
	border-radius: 10px 10px 10px 10px;
	border:2px solid gray;
	 
}


#harz{
	position:absolute;
	top:1000px;
	left:200px;
	width:77vw;
}

#vert{
	position:absolute;
	top:650px;
	left:51%;
	height:750px;
	background-color:white;
}

#midvert{
	position:absolute;
	top:1480px;
	left:200px;
	width:77vw;
}

p{
	text-decoration:none;
}








.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  height:550px;
  position: relative;
  margin: auto;

}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 0px;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 0px;
  width: 0px;
  margin: 0 2px;
  border-radius: 50%;
  display: inline-block;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


#logo{
	position:absolute; 
	top:100px; 
	left:25vw; 
	width:700px; 
	height:auto; 
	z-index:1000;
}

#bannerimg{
	height:550px;
}

#construct{
	position:absolute; 
	top:700px;
	right:100px; 
	width:500px; 
	height:500px;
}

#bodytext{
	position:absolute; 
	top:800px; 
	left:5%; 
	max-width:40%; 
	padding-left:60px; 
	padding-right:60px; 
	overflow:hidden; 
	min-height:510px; 
	wordwrap:word-break;
	background-color:#2e445c;
	border-radius: 0px 30px 30px 0px;
	border:2px solid lightgray;
}

#bodytextp{
	font-size:1.0em; 
	color:ffefb7; 
	letter-spacing:0.1em;
	line-height: 2.3;
	text-shadow: 4px 4px 7px rgba(0, 0, 0, 50);
}

#bodytitle{
	
	font-size:2vw; 
	color:#6bb1ad; 
	padding:10px; 
	letter-spacing:0.2em;
	z-index:40000;
	
}

#head{
	position:absolute;
	top:700px; 
	left:6%; 
	max-width:900px; 
	padding:; overflow:hidden; 
	height:auto; 
	wordwrap:word-break;
}

#footerpic{
	position:absolute; 
	bottom:130px; 
	left:40vw; 
	width:21.5vw; 
	height:150px; 
	z-index:6000;
	border-radius: 50px 50px 50px 50px;
}

#footerp{
	position:relative; 
	top:180px; 
	left:40%;
	align:center;
	color:white; 
	font-size:1vw;
	width:400px;
}


#infoBox2{
	position:absolute; 
	top:1500px; 
	left:5%; 
	max-width:40%; 
	padding-left:80px; 
	padding-right:30px; 
	overflow:hidden; 
	height:auto; 
	wordwrap:word-break;
	background-color:#5a87b8;
	border-radius: 0px 30px 30px 0px;
	border:2px solid lightgray;
}

#infoBox2p{
	font-size:1.0em; 
	color:ffefb7; 
	letter-spacing:0.1em;
	line-height: 1.5;
	text-shadow: 4px 4px 7px rgba(0, 0, 0, 50);
}


#infoBox2Title{
	font-size:2vw; 
	color:#6bb1ad; 
	padding:10px; 
	letter-spacing:0.2em;
	
}

#infoBox2Head{
	position:absolute;
	top:1400px; 
	left:6%; 
	max-width:900px; 
	padding:; overflow:hidden; 
	height:auto; 
	wordwrap:word-break;
}

#mappic{
	float:right;
	width:300px;
	height:200px;
	border-radius:20px;
	box-shadow: 7px 7px 20px rgba(0,0,0,90);
	margin:20px;
}























fieldset{
	padding: 20px;
	margin:20px;
	border: 2px solid lightgray;
	width:450px;
	background-color:#2e6cb0;
	border-radius:20px;
	position:absolute;
	top:1200px;
	right:80px;
}

legend{
padding:10px;
font-size:1.5vw;
letter-spacing:0.09em;	
color:#ffefb7;
}

form{
	
	margin:50px;
	color:#ffefb7;
	z-index:100000;
}

form p{
	font-size:20px;
	letter-spacing:0.2em;
	color:#ffefb7;
}

input[type="radio"]{
	opacity:0;
	width: 0;
	margin: 0;
}

.status-msg{
	padding:10px;
	font-size:1.0vw;
	letter-spacing:0.1em;	
	color:#ffefb7;
}

label[for="week"], label[for="luanch"], label[for="no"]{
	margin-bottom: 10px;
	display: inline-block;
	background: url("/pictures/off.png") no-repeat;
	background-size:20px 20px;
	line-height:25px;
	cursor: pointer;
	padding-left:26px;
}

input:checked + label[for="week"],
input:checked + label[for="luanch"],
input:checked + label[for="no"]{
	color:lightblue;
	background: url("/pictures/on.png") no-repeat;
	background-size:20px 20px;
}




input[type="text"]{
	display:block;
margin-bottom: 20px;
padding:10px 10px 10px 10px;
border:0;
border-radius: 5px;
background-color:#222;
font-size:16px;
color:#ffefb7;
}

input[type="email"]{
	display:block;
margin-bottom: 20px;
padding:10px 10px 10px 10px;
border:0;
border-radius: 5px;
background-color:#222;
font-size:16px;
color:#ffefb7;
float: left;

}


textarea{
		display:block;
margin-bottom: 20px;
padding:10px 10px 10px 10px;
border:0;
border-radius: 5px;
background-color:#222;
font-size:16px;
color:#fff;
width:100%;
height:150px;
box-sizing: border-box;
resize: vertical;
}

.g-recaptcha{
	background-color: #1d2b3a;
	padding:15px;
	color:gray;
	font-size:20px;
	letter-spacing:0.2em;
	border-radius: 4px;
	border:0px;
	float:right;
}

.g-recaptcha:hover{
	background-color: #1d2b3a;
	color: #00dfc4;
	padding:15px;
	font-size:20px;
	letter-spacing:0.2em;
	border-radius: 4px;
	border:1px solid #00dfc4;
	float:right;
}


input[type="email"]:valid{
	border: 2px solid lightgreen;
}

input[type="email"]:valid + .tick{
	background: url("/pictures/tick.png") no-repeat;
	background-size:100%;
	display:block;
	width:20px;
	height:20px;
	float: left;
	margin: 10px;
}


#label{
	font-size:20px;
	letter-spacing:0.2em;
	color:#ffefb7;
}






/*  
----------------------------------------Cell Phone style sheet 500px screen-------------------------------------------------------------------
*/









@media screen and (max-width:500px) {
	#index{
		background-color:#E5E7E9;
		background-image: url("/pictures/bg.png");
		margin:0;
	}
	
	
	
	#footer{
		
		background-color:#444444;
		position:absolute;
		top:3100px;
		left:0px;
		width:100%;
		height:190px;
		
		
	}
	
	
	
	
	#banner{
		
		background-repeat: no-repeat;
		background-size: 100%;
		overflow:hidden;
		position:absolute;
		top:0px;
		left:0px;
		height:550px;
		width:100%;
	}
	
	body {margin:0;}
	#myTopnav{
		position:absolute;
	  top:250px;
	  width:100%;
	  z-index:30000;
	}
	ul.topnav {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  overflow: hidden;
	  background-color: black;
	}
	
	ul.topnav li {float: right;}
	
	ul.topnav li a {
	  display: inline-block;
	  color:white;
	  text-align: center;
	  padding: 14px 16px;
	  text-decoration: none;
	  transition: 0.3s;
	  font-size: 17px;
	}
	
	ul.topnav li a:hover {background-color: #555555;}
	
	ul.topnav li a:hover {color: #AAAAAA;}
	
	ul.topnav li.icon {display: none;}
	
	@media screen and (max-width:100%) {
	  ul.topnav li:not(:first-child) {display: none;}
	  ul.topnav li.icon {
		float: right;
		display: inline-block;
	  }
	}
	
	@media screen and (max-width:100%) {
	  ul.topnav.responsive {position:relative;}
	  ul.topnav.responsive li.icon {
		position:absolute;
		right:0;
		top:0;
	  }
	  ul.topnav.responsive li {
		float: none;
		display: inline;
	  }
	  ul.topnav.responsive li a {
		display: block;
		text-align: left;
	  }
	}
	
	
	.homegrid{
		background-color:black;
		position:absolute;
		top:650px;
		left:3%;
		width:94%;
		display: grid;
		opacity: 0.7;
		grid-template-columns:70% 30%;
		grid-template-rows:1600px 100px 100px 200px;
		grid-template-areas:
		"box1 box2"
		"box3 box2"
		"box4 box2"
		"box5 box2";
		
	}
	
	#box1{
		position:absolute;
		top:320px;
		left:5%;
		width:76%;
		opacity: 0.7;
		padding-right:50px;
		wordwrap:word-break;
		overflow:hidden;
		 min-height:2700px;
		 background-color:black;
		 
	}
	
	
	#harz{
		position:absolute;
		top:1000px;
		left:200px;
		width:77vw;
	}
	
	#vert{
		position:absolute;
		top:650px;
		left:51%;
		height:750px;
		background-color:white;
	}
	
	#midvert{
		position:absolute;
		top:1480px;
		left:200px;
		width:77vw;
	}
	
	p{
		text-decoration:none;
	}
	
	
	
	
	
	
	
	
	.mySlides {display: none;}
	img {vertical-align: middle;}
	
	/* Slideshow container */
	.slideshow-container {
	  max-width: 100%;
	  height:250px;
	  position: relative;
	  margin: auto;
	
	}
	
	/* Caption text */
	.text {
	  color: #f2f2f2;
	  font-size: 15px;
	  padding: 8px 12px;
	  position: absolute;
	  bottom: 8px;
	  width: 0px;
	  text-align: center;
	}
	
	/* Number text (1/3 etc) */
	.numbertext {
	  color: #f2f2f2;
	  font-size: 12px;
	  padding: 8px 12px;
	  position: absolute;
	  top: 0;
	}
	
	/* The dots/bullets/indicators */
	.dot {
	  height: 0px;
	  width: 0px;
	  margin: 0 2px;
	  background-color: #bbb;
	  border-radius: 50%;
	  display: inline-block;
	  transition: background-color 0.6s ease;
	}
	
	.active {
	  background-color: #717171;
	}
	
	/* Fading animation */
	.fade {
	  -webkit-animation-name: fade;
	  -webkit-animation-duration: 1.5s;
	  animation-name: fade;
	  animation-duration: 1.5s;
	}
	
	@-webkit-keyframes fade {
	  from {opacity: .4} 
	  to {opacity: 1}
	}
	
	@keyframes fade {
	  from {opacity: .4} 
	  to {opacity: 1}
	}
	
	#logo{
		position:absolute; 
		top:55px; 
		left:47px; 
		width:300px; 
		height:auto; 
		z-index:1000;
	}
	
	#bannerimg{
		height:250px;
	}
	
	
	#fbbutton{
		position:absolute; 
		top:330px; 
		left:25px; 
		z-index:2000;
	}
	
	
	
	#construct{
		position:absolute; 
		top:360px;
		left:10px; 
		width:340px; 
		height:340px;
	}
	
	#bodytext{
		position:absolute; 
		top:800px; 
		left:5%; 
		max-width:70%; 
		padding-left:30px;
		padding-right: 20px; 
		overflow:hidden; 
		height:680px; 
		wordwrap:word-break;
		background-color:#2e445c;
		border-radius: 0px 30px 30px 0px;
		border:2px solid lightgray;
	}
	
	#bodytextp{
		font-size:0.7em; 
		color:#ffefb7; 
		letter-spacing:0.1em;
	}
	
	#head{
		position:absolute;
		top:700px; 
		left:25px; 
		max-width:650px; 
		overflow:hidden; 
		height:auto; 
		wordwrap:word-break;
	
	}
	
	#bodytitle{
	
		font-size:5.0vw; 
		color:#6bb1ad;  
		letter-spacing:0.1em; 
		z-index:200000;
	}
	
	
	
	
	
	
	
	
	
	
	#donation{
		font-size:1em; 
		color:ffefb7; 
		letter-spacing:0.1em;
		line-height: 1.3;
		text-shadow: 4px 4px 7px rgba(0, 0, 0, 50);
	
	}
	
	#donation-button{
		position:absolute;
		bottom:15px;
		right:20px;
		background-color:#CA6F1E;
		border:2px solid #ffefb7;
		border-radius:10px;
		box-shadow: 4px 4px 7px rgba(0, 0, 0, 50);
		padding:20px;
		margin:0px;
	}
	
	#donation-button:hover{
		position:absolute;
		bottom:15px;
		right:20px;
		background-color:#873600;
		border:3px solid #CA6F1E;
		border-radius:10px;
		box-shadow: 4px 4px 7px rgba(0, 0, 0, 50);
		padding:23px;
		margin:0px;
	}
	
	
	#donation-button-text{
		color:#ffefb7;
		margin:0px;
		padding:0px;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 100);
		font-size:1em;
	}
	
	#donation-blackbox{
		position:fixed;
		top:0px;
		left:0px;
		height:100%;
		width:100%;
		background-color:black;
		opacity:0.7;
		z-index:80000;
	}
	
	#donation-box{
		position:fixed;
		top:20%;
		left:10%;
		height:200px;
		width:280px;
		background-color:#CA6F1E;
		color:#ffefb7;
		border:10px solid #CA6F1E;
		border-radius:20px;
		z-index:81000;
		wordwrap:word-break;
		padding:5px; 
		overflow:none; 
		
	}
	
	#x{
		position:absolute;
		top:2%;
		left:90%;
		width:20px;
		height:20px;
	}
	
	#donation-box-text{
		position:absolute;
		top:5%;
		left:2%;
		font-size:1em; 
		text-align:center;
	}
	
	#checkout-button-sku_FevwR4eMEdnvkn{
		position:fixed;
		top:35%;
		left:15%;
		background-color:#6772E5;
		color:#FFF;
		padding:8px 12px;
		border:0;
		border-radius:4px;
		font-size:0.5em;
	}
	
	#checkout-button-sku_FevrINkLhFb7hp{
		position:fixed;
		top:35%;
		left:40%;
		background-color:#6772E5;
		color:#FFF;
		padding:8px 12px;
		border:0;
		border-radius:4px;
		font-size:0.5em;
	}
	
	#checkout-button-sku_FevtIWCanJyhzh{
		position:fixed;
		top:35%;
		left:66%;
		background-color:#6772E5;
		color:#FFF;
		padding:8px 12px;
		border:0;
		border-radius:4px;
		font-size:0.5em;
	}
	
	#checkout-button-sku_FevuVmc6BRUB9Z{
		position:fixed;
		top:40%;
		left:25%;
		background-color:#6772E5;
		color:#FFF;
		padding:8px 12px;
		border:0;
		border-radius:4px;
		font-size:0.5em;
	}
	
	#checkout-button-sku_FevwWjqz7N5lyM{
		position:fixed;
		top:40%;
		left:55%;
		background-color:#6772E5;
		color:#FFF;
		padding:8px 12px;
		border:0;
		border-radius:4px;
		font-size:0.5em;
	}
	
	
	
	
	
	
	
	
	
	
	
	#footerpic{
		position:absolute; 
		bottom:80px; 
		left:17vw; 
		width:250px; 
		height:100px; 
		z-index:6000;
		border-radius: 20px 20px 20px 20px;
	}
	
	#footerp{
		position:relative; 
		top:130px; 
		left:70px;
		color:white; 
		font-size:3vw;
		width:250px;
		margin:0px;
		padding:0px;
		border:0px;
	}
	
	#infoBox2{
		position:absolute; 
		top:1550px; 
		left:5%; 
		max-width:78%; 
		padding-left:5px; 
		padding-right:5px; 
		overflow:hidden; 
		height:auto; 
		wordwrap:word-break;
		background-color:#5a87b8;
		border-radius: 0px 30px 30px 0px;
		border:2px solid lightgray;
	}
	
	#infoBox2p{
		font-size:0.8em; 
		color:#ffefb7; 
		letter-spacing:0.1em;
		line-height: 1.5;
		text-shadow: 4px 4px 7px rgba(0, 0, 0, 50);
	}
	
	#infoBox2Title{
		font-size:5.5vw; 
		color:#6bb1ad;  
		padding:10px; 
		letter-spacing:0.2em;
		
	}
	
	#infoBox2Head{
		position:absolute;
		top:1460px; 
		left:6%; 
		max-width:900px; 
		padding:; overflow:hidden; 
		height:auto; 
		wordwrap:word-break;
	}
	
	#mappic{
		float:right;
		width:150px;
		height:100px;
		border-radius:10px;
		box-shadow: 7px 7px 20px rgba(0,0,0,90);
		margin:10px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	fieldset{
		padding: 20px;
		margin:20px;
		border: 2px solid lightgray;
		width:70%;
		background-color:#2e6cb0;
		border-radius:20px;
		position:absolute;
		top:2250px;
		left:10px;
	}
	
	legend{
	padding:10px;
	font-size:5vw;
	letter-spacing:0.1em;	
	color:#ffefb7;
	}
	
	form{
		
		margin:0px;
		color:#ffefb7;
		z-index:100000;
		width:50px;
	}
	
	form p{
		font-size:25px;
		letter-spacing:0.3em;
		color:#ffefb7;
	}
	
	input[type="radio"]{
		opacity:0;
		width: 0;
		margin: 0;
	}
	
	label[for="week"], label[for="luanch"], label[for="no"]{
		margin-bottom: 10px;
		display: inline-block;
		background: url("/pictures/off.png") no-repeat;
		background-size:20px 20px;
		line-height:25px;
		cursor: pointer;
		padding-left:26px;
	}
	
	input:checked + label[for="week"],
	input:checked + label[for="luanch"],
	input:checked + label[for="no"]{
		color:lightblue;
		background: url("/pictures/on.png") no-repeat;
		background-size:20px 20px;
	}
	
	
	
	
	input[type="text"]{
		display:block;
	margin-bottom: 20px;
	padding:10px 10px 10px 10px;
	border:0;
	border-radius: 5px;
	background-color:#222;
	font-size:16px;
	color:#ffefb7;
	width:100%;
	}
	
	input[type="email"]{
		display:block;
	margin-bottom: 20px;
	padding:10px 10px 10px 10px;
	border:0;
	border-radius: 5px;
	background-color:#222;
	font-size:16px;
	color:#ffefb7;
	float: left;
	width:100%;
	}
	
	
	textarea{
			display:block;
	margin-bottom: 20px;
	padding:10px 10px 10px 10px;
	border:0;
	border-radius: 5px;
	background-color:#222;
	font-size:16px;
	color:#fff;
	width:100%;
	height:150px;
	box-sizing: border-box;
	resize: vertical;
	}
	
	#submit{
		background:lightblue;
		padding:15px;
		color:white;
		font-size:20px;
		letter-spacing:0.2em;
		border-radius: 4px;
		border:0;
		box-shadow: 5px 5px 5px rgba(200,200,200,50);
		float:right;
	}
	
	#submit:hover{
		background:lightgreen;
		padding:15px;
		color:grey;
		font-size:20px;
		letter-spacing:0.3em;
		border-radius: 4px;
		border:0;
		box-shadow: 5px 5px 5px rgba(200,200,200,50);
		float:right;
	}
	
	
	input[type="email"]:valid{
		border: 2px solid lightgreen;
	}
	
	input[type="email"]:valid + .tick{
		background: url("/pictures/tick.png") no-repeat;
		background-size:100%;
		display:block;
		width:20px;
		height:20px;
		float: left;
		margin: 10px;
	}
	
	
	#label{
		font-size:25px;
		letter-spacing:0.3em;
		color:#ffefb7;
	}
}