form{
	border: none;
	color: #333;
  font-family: "Trebuchet MS", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size:  16px;
	font-weight: normal;

}
label{
	display: block;
	margin-bottom:8px
}

input[type=text],input[type=email],input[type=number], input[type=password] {
  outline: none;
	margin-bottom:0px;
	border: 2px solid #333333;
	width: 100%;
	height: 50px;
	padding-left: 15px;
}

textarea{
	outline: none;
	margin-bottom:0px;
	border: 2px solid #333333;
	width: 70%;
	padding: 5px;

}

input[type=submit] {
    background-color: #FF0000;
    border: 3px solid #333333;
		color: white;
		font-family: "Trebuchet MS", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
		font-size:  16px;
		font-weight: bold;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
		margin-bottom:10px;
    cursor: pointer;
}

span.helptext{
	font-size:  14px;

}
span.helptext::before{
  display: block;
	content: "";
}


p.infotext{
    border: none;
	color: #333;
    font-family: "Trebuchet MS", "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size:  16px;
}



@media only screen and (max-width: 600px) {
	div.main, div.infobox{
		padding-left: calc( 10px + 1% );
		padding-right: calc( 10px + 1% );
	}

	input[type=text],input[type=email],input[type=number] {
	  width:95%;
	}
}

@media only screen and (min-width: 601px) and (max-width: 900px) {

}

@media only screen and (min-width: 901px) {
	form{
		font-size:  18px;
	}
}