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


#footer{
	
	background-color:#444444;
	position:relative;
	top:1500px;
	left:0px;
	width:100%;
	height:190px;
	
	
}





body {margin:0;}
#myTopnav{
	position:absolute;
  top:0px;
  width:100%;
  
}
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;
  }
}



#box1{
	position:absolute;
	top:100px;
	left:5%;
	width:77%;
	opacity: 0.8;
	wordwrap:word-break;
	overflow:hidden;
	 min-height:1500px;
	 background-color:black;
	 
}


#contact_us{
	position:absolute;
	top:5px;
	left:25px;
	font-size:15vw;
	color:#6bb1ad;
	
}

#line{
	position:absolute;
	top:150px;
	left:10%;
	width:80%;
	color:#6bb1ad;
	
}



fieldset{
	padding: 20px;
	margin:20px;
	border: 4px solid #A04000;
	width:250px;
	height:900px;
	background-color:#CA6F1E;
	border-radius:20px;
	position:absolute;
	top:270px;
	left:5%;
}

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

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

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

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

label[for="question"], label[for="problem"], label[for="other"]{
	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="question"],
input:checked + label[for="problem"],
input:checked + label[for="other"]{
	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;
}

#submit{
	position:absolute;
	top:720px;
	left:150px;
	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{
	position:absolute;
	top:720px;
	left:150px;
	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;
}


#success{
	position:absolute; 
	bottom:20px; 
	left:50px;
	font-size:1.1vw;
	color:green;
}







#footerpic{
	position:absolute; 
	bottom:80px; 
	height:100px; 
	left:17vw; 
	width:250px; 
	z-index:6000;
	border-radius: 20px 20px 20px 20px;
}

#footerp{
	position:relative; 
	top:120px; 
	left:18%;
	color:white; 
	font-size:3vw;
	width:250px;
	margin:0px;
	padding:0px;
	border:0px;
}


#text{
	position:absolute; 
	top:780px; 
	left:15px;
	font-size:5vw;
	color:#273746;
	overflow:hidden; 
	wordwrap:word-break;
	padding:3px;
	width:250px;
	height:auto;
	text-align:center;
}