/* CONTAINER AND HEADER BLOCK */
.contactform-container {
  background-color:#ffedd4;
  text-align:left;
  padding:1em 1em 0 1em;
  margin:2em 0 0.5em 0;
}
.contactform-header {
	margin-top:0;
}
.contactform-wrapper {
	text-align:left;
  margin:2em 25% 0.5em 25%;
}
.contactform-ack {
	text-align:center;
	margin:1.5em auto 2em auto;
	max-width:60%;
}

.cf-layout {
  background-color:#ffffff;
  padding-top:0.5em;
  padding-bottom:4.5%;
}
.cf-nojs {
  font-weight:bold;
  margin:1em 5% 6em 5%;
  line-height:1.3em;
  margin-bottom:6em;
}
.cf-nocookies {
  font-weight:bold;
  margin-bottom:6em;
  display:none;
}
.cf-securitybox {
  margin-left:-0.3em;
}
.cf-securitycode {
  padding:2px 7px 4px 5px;
  height:1em;
}
.cf-sendbutton {
  margin:0.5em 0 1.5em 0;
}
.cf-message {
	color:#000000;
	font-weight:bold;
}

/* FORM ELEMENTS */
.form-wrapper {
  font-family:Georgia,serif;
  font-size:18px;
	border-radius:15px;
  line-height:18px;
  display:block;
  background-color:white;
  box-sizing:border-box;
  padding:0.5em 10% 1em 10%;
  margin:1em 0 0 0;
}
.form-header {
	color:#1059A2;
  font-family:Tahoma,sans-serif;
  font-weight:900;
  font-size:2em;
	text-align:center;
	margin:0 auto 1em auto;
}
.form-rubric {
  margin: 0 0 1.5em 0;
  font-weight:normal;
  font-style:italic;
  line-height:1.3em;
}
.form-leftcol {
	float:left;
	width:45%;
	margin-right:2em;
}
.form-rightcol {
	float:left;
	width:45%;
}
.form-security {
	clear:both;
}
.form-errornotice {
  display:none;
  font-size:1.2em;
  line-height:1.4em;
  margin:1em auto 1em auto;
  text-align:center;
  max-width:60%;
}
.form-nojs {
  font-weight:bold;
  margin-bottom:6em;
}
.form-fieldtitle {
  font-weight:bold;
  line-height:1.2em;
  margin:1em 0 3px 0;
}
.form-fieldrubric {
  margin: 0 0 0.2em 0;
  font-style:italic;
}
.form-fielderrmsg {
  color:red;
  margin:0em 0 0.3em 0;
  display:block;
}
.form-textbox { 
  width:100%;
  height:1.7em;
  font-size:18px;
  font-weight:normal;
  border:1px solid #999999;
}
.form-textarea {
  display:inline-block;
  height:10.3em;
  vertical-align:top;
  width:100%;
  font-size:18px;
  font-weight:normal;
  resize:vertical;
  border: 1px solid #999999;
}
.form-securitybox {
  width:3em;
  font-size:18px;
  height:1.4em;
  margin:0 0.3em 0 0;
  border:1px solid #999999;
}
.form-securitycode {
  display:inline-block;
  margin:0 0 0 0.3em;
  vertical-align:-7%;
  border:1px solid #000000;
  padding:5px 7px 0px 5px;
  font-size:1.1em;
  font-family:Arial,Helvetica,sans-serif;
  height:1.1em;
}
.form-errormsg-bottom {
  color:red;
  font-size:1em;
  line-height:21px;
  margin:1.5em 0 1em 0;
  font-weight:bold;
}
.form-narrowbutton {
  width:10em;
  height:3em;
  margin: 1em 0 0.5em 0;
  font-family:Arial,Helvetica,sans-serif;
}

/* RESPONSIVE STYLES */
@media all and (max-width:1024px)
{
  .contactform-wrapper {
    margin:2em 22% 0.5em 22%;
  }
}
@media all and (max-width:960px)
{
  .contactform-wrapper {
    margin:2em 20% 0.5em 20%;
  }
}
@media all and (max-width:850px)
{
  .contactform-wrapper {
    margin:2em 15% 0.5em 15%;
  }
}
@media all and (max-width:780px)
{
  .contactform-wrapper {
  margin:2em 10% 0.5em 10%;
  }
}
@media all and (max-width:700px)
{
  .contactform-wrapper {
  margin:2em 5% 0.5em 5%;
  }
  .contactform-ack {
 		max-width:90%;
  }
}
@media all and (max-width:640px)
{
  .contactform-container {
  margin:2em auto 0.5em auto;
  }
}