.note {
display: block;
width: 50%;
height: auto;
margin-bottom: 20px;
}
.formArea {
display: block;
box-sizing: border-box;
overflow: hidden;
clear: both;
width: 100%;
height: auto;
}
.column1 {
display: block;
box-sizing: border-box;
overflow: hidden;
float: left;
padding: 25px;
background-color: #fafafa;
width: 49%;
min-height: 600px;
height: auto;
}
.column2 {
display: block;
box-sizing: border-box;
overflow: hidden;
float: right;
padding: 25px;
clear: right;
background-color: #fafafa;
width: 49%;
min-height: 600px;
height: auto;
}
#lastname { display: none; } 

h3 {
font-family: 'Francois One', sans-serif;
font-size: 28px;
color: #026483;
text-decoration: none;
font-weight: 400;
margin: 0 0 20px 0;
}

label {
color: #555555;
font-family: 'Abel', sans-serif;
font-size: 20px;
text-align: left;
}
label i.fa.fa-fw.fa-star {
font-size: 9px;
vertical-align: top;
}

input, select, textarea {
margin-bottom: 9px;
box-sizing: border-box;
}
textarea {
width: 98%;
height: 200px;
}


p.resultMessage {
font-family: 'Abel', sans-serif;
color: #000000; 
font-size: 26px;
text-align: left;
font-weight: bold;
background-color: #cdcf17;
padding: 8px;
}

.contactFields {
border: #cbcbcb 1px solid;
width: 98%;
padding: 6px;
font-weight: bold;
color: #1f1f1f;
font-family: 'Abel', sans-serif;
font-size: 22px;
}
.contactFields:focus {
border: #cdcf17 1px solid;
font-weight: bold;
color: #0b789b;
font-family: 'Abel', sans-serif;
font-size: 22px;
}

.contactSubmit {
border: #004b63 1px solid;
background-color: #004b63;
color: white;
font-family: 'Abel', sans-serif;
font-size: 22px;
font-weight: normal;
padding: 4px 10px;
width: auto;
margin-top: 20px;
}
.contactSubmit:hover {
border: #cdcf17 1px solid;
background-color: #cdcf17;
cursor: pointer;
color: #004b63;
-moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;
}
input[type=submit] {
 -webkit-appearance: none;
 -moz-appearance: none;
border: #004b63 1px solid;
background-color: #004b63;
color: white;
font-family: 'Abel', sans-serif;
font-size: 22px;
font-weight: normal;
padding: 4px 10px;
width: auto;
margin-top: 20px; 
}
input[type=submit]:hover {
border: #cdcf17 1px solid;
background-color: #cdcf17;
cursor: pointer;
color: #004b63;
}

@media screen and (max-width: 1110px) {
	.contactFields {
	width: 95%;
	}
}
@media screen and (max-width: 800px) {
	.note {
	width: 100%;
	}
	.column1 {
	width: 100%;
	float: none;
	padding: 10px;
	min-height: initial;
	clear: both;
	}
	.column2 {
	width: 100%;
	float: none;
	padding: 10px;
	min-height: initial;
	clear: both;	
	}
}