@charset "UTF-8";

body {
  background-color: whitesmoke;
}
.banner{
	text-align: center;
	padding: 2px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}

li{
	display: inline;
	padding:0 80px 0 80px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";	
}
li a{
	text-decoration:none;
	color: black;
}
	
li a:hover{
	font-weight: bold;
	color: white;
}

@media screen and (max-width:100px){
	.div1{
		width: 100%;
		height: auto;
	}
	.div{
		width:100px;
		height:auto;
	}
	li{
		display: block;
		padding: 15px 10px 15px 10px;
		margin: auto;
		
	}

input[type=text], select, textarea {
  width: 100%; 
  padding: 12px;  
  border: 1px solid #ccc; 
  border-radius: 4px; 
  box-sizing: border-box; 
  margin-top: 6px; 
  margin-bottom: 16px;
  resize: vertical; 
}

input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}


input[type=submit]:hover {
  background-color: white;

}