@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);


div#envelope{
	width: 55%;
	margin: 10px 30% 10px 25%;
	padding:10px 0;
	border: 2px solid gray;
	border-radius:10px;
} 	
form{
	width:98%;
	margin:0 0 0 30px;
}

label {
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size: 8pt;
	line-height: 12pt;
	color: #699;
	font-weight: normal;
	letter-spacing:2px;
	margin-left:6px;
}

select {
	margin-bottom:30px;
}
option {
	line-height:24px;
	padding-bottom:4px;
	padding-top:4px;
}


/* Makes responsive fields.Sets size and field alignment.*/

input {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background:rgba(202, 219, 222, 0.5);
	color: #000;
}
input[type=text]{
	margin-bottom: 12px;
	margin-top: 2px;
	width:90%;
	padding: 10px 6px;
	border-radius:5px;
	border:1px solid #9eb6ba;
}
input[type=email]{
	margin-bottom: 12px;
	margin-top: 2px;
	width:90%;
	padding: 10px 6px;
	border-radius:5px;
	border:1px solid #9eb6ba;
}
input[type=tel]{
	margin-bottom: 12px;
	margin-top: 2px;
	width:90%;
	padding: 10px 6px;
	border-radius:5px;
	border:1px solid #9eb6ba;
}
input[type=submit]
{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 20px;
	width:94%;
	padding: 10px 6px;
	border-radius:5px;
	border:2px solid #39F;
	background-color: #369;
	color: aliceblue;
	font-size:15px;
	cursor:pointer;
}
#submit:hover
{
  background-color: #F93;
  border-color:#FF9;
}
textarea{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background:rgba(202, 219, 222, 0.5);
	width:90%;
	padding: 10px 6px;
	margin-top: 2px;
    border:1px solid #9eb6ba;
	border-radius:5px; 
	margin-bottom: 4px;
	resize:none;
	color:#000;
  } 
input[type=text]:focus,textarea:focus {
	border-color: #9eb6ba;
}

@media screen and (max-width: 600px) {
	
	form{
	width:90%;
	margin:4% 6%;
}

}