@charset "utf-8";
/* Mobile Layout: 480px and below. */

#main_form {
	clear: both;
	clear: both;
	float: left;
	width: 75%;
	display: block;
	border: 10px solid #ffd700;
	padding-right: 5%;
	padding-left: 5%;
	border-radius: 16px;
	background-color: #FFC;
	text-align: left;
	margin-left: 5%;
}
#main_area {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
	border: 0px;	
}
input[type=text], select, textarea {
  width: 90%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
#main_form {
 clear: both;
 float: left;
 width: 80%;
 display: block;
 margin-left: 5%;
}
#main_area {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border: 0;	
}
input[type=text], select, textarea {
  width: 50%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
#main_form {
 clear: both;
 float: left;
 width: 77%;
 display: block;
}
#main_area {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
input[type=text], select, textarea {
  width: 40%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}
}