﻿form {
	margin: 0px;
}

.contact_form {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

.form_name {
	width: 120px;
	clear: left;
	margin-right: 10px;
	float: left;
	margin: 10px 0px 2px 0px;
	text-align: right;
	padding-right: 10px;
	font-size: 14px;
}

.form_input {
	width: calc(100% - 130px);
	margin-right: 10px;
	float: left;
	margin: 4px 0px;
}

.form_input input {
	width: 100%;
	height: 26px;
	border: 1px #a9a9a9 solid;
	font-size: 18px;
}

.form_input select {
	width: 100%;
	height: 30px;
	font-size: 18px;
}

.form_fields {
	margin: 10px 0px;
}

textarea {
	float: left;
	font-family: arial;
	width: calc(100% - 132px);
	height: 100px;
	margin-top: 5px;
	font-size: 18px;
}


.form_submit_contact {
	float: left;
	padding: 10px 0px;
}



.form_name_city {
	
}

.form_name_state {
	padding-left: 20px;
	width:50px;
	clear: none;
}

.form_name_zip {
	padding-left: 20px;
	width:35px;
	clear: none;
}


.form_input_city {
	width:200px;
}


.form_input_state {
	width:60px;
}


.form_input_zip {
	width:80px;
}



@media screen and (max-width:650px){	
	.form_name_city {
		
	}
	
	.form_name_state {
		padding-left: 0px;
		width: 120px;
		clear: left;
	}
	
	.form_name_zip {
		padding-left: 0px;
		width: 120px;
		clear: left;
	}
	
	
	.form_input_city {
		width: calc(100% - 130px);
	}
	
	
	.form_input_state {
		width: calc(100% - 130px);
	}
	
	
	.form_input_zip {
		width: calc(100% - 130px);
	}

}



@media screen and (max-width:550px){
	.form_name{
		width:100%;
		text-align:left;
		margin-bottom:0;
	}
	.form_input{
		width:100%;
		margin-top:0;
	} 	
	
	textarea {
		width: 100%;
	}

}

