@charset "utf-8";

.ctacth { width: 70%; margin: 1em auto; font-size: 1em; font-weight: 500; }

.insform {margin-top: 2em;}
.insf { width: 90%; margin: 2em auto; padding: 0.5em; background: #f3f1ed; border: #d3c8ab 3px double;  font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;}


#contact-area {
	width: 90%; background-color: #fafafa; padding: 1.25em 2% 3em;
	margin: 1.5em auto;  border: #ccc 1px solid;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 67%;
	font-family: Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;}

#contact-area textarea {resize: none ; height: 5.5em;}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;}
	
#contact-area input.submit-button {
	width: 15%; margin-left: 1.5em;
	float: right;}

#contact-area input.contby {  padding: 0; width: auto; margin-bottom: 0.5em; margin-top: 0.5em;}

#contact-area input.cc { width: 10%;}

#emailsent {display: none; color: #f00;  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-style: italic; }
.req { float: right; }
#reqfield, #reqcontact { color: #f00; }
.reqfield, .reqcontact {display: none;}


label {	float: left;	text-align: left; 	margin-right: 1em;
	width: 25%;  	padding-top: 5px;  	}

label.contby {padding-top: 0; margin-left: 1.5em; margin-right: 0em; width: 15%;}

.submit-button {-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px; }
.submit-button:hover {cursor: pointer; opacity: 0.5;}
.mobcontact {display: none;}

@media (max-width: 850px) {
label {font-size: 0.8em}
}


@media (max-width: 600px) {
.nomobcontact {display: none;}
.mobcontact {display: inline-block;}
}