#content {
	width: 550px;
	height: 980px;
	transform: scale(1);
	transform-origin: top center;
}
.formBody {
	width: 450px;
	height: 550px;
	margin: 10px auto;
	padding: 0 10px;
	background-color: var(--tint);
	transform-origin: top center;
	transform: scale(1.2);
}
.formHeader {
	padding-bottom: 10px;
	font: 25px var(--sans);
	font-weight: 900;
	color: var(--main);
}
input[type="text"], textarea, select {
	width: 390px;
	border: 1px solid var(--light);
	border-radius: 1px;
}
input[type="checkbox"] {
	width: 15px;
	height: 15px;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle;
}
input:focus, textarea:focus, select:focus, button:focus {
	outline: 2px solid yellow;
}
button {
	width: 120px;
	height: 30px;
	font-family: var(--sans);
	font-size: 14px;
	font-weight: bold;
	color: var(--main);
	border: 1px solid var(--light);
	border-radius: 4px;
}
.fieldname {
	height: 60px;
	font: bold 12px var(--sans);
	color: var(--main);
	padding: 0px 15px;
	line-height: 1.5;
}
.fieldtext {
	font: 14px var(--sans);
	color: #013433;
}
.caption {
	font: 14px var(--sans);
	color: var(--main);
}
.text {
	padding: 10px 10px;
	font: 12px var(--sans);
	font-style: italic;
	color: var(--main);
}
.big {
	font-size: 200%;
}
.med {
	font-size: 100%;
}
.small {
	font-size: 75%;
}
.note {
	font: 9pt var(--sans);
	font-style: italic;
	color: var(--main);
	text-align: justify;
	margin: 10px 0px;
	padding: 0px;
}
.band {
	background-color: #013a3a;
}
td.spacer {
	height: 75px;
}
#googleform {
	text-align: center;
}
/*---------- MOBILE SPECIFIC ----------*/
/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
 .formBody {
 border: thick double var(--main);
 background-color: #CEDFDF;
 position:relative;
 top: auto;
 left: auto;
 margin: 0 10%;
 display: block;
 height: auto;
 transform-origin: top center;
 transform: scale(1.2);
}
}*/
