main[data-page="contact"] > section > header > h1:before {
	content: "Contact Form";
}

main[data-page="contact"] > section > header > h2:before {
	content: "Contact Us for a Quote";
}

main[data-page="contact"] > section > article {
	display: block;
	width: 640px;
	margin: 64px auto;
	background: var(--surface-default-background);
	border: 1px solid var(--layout-default-color);
	border-radius: 8px;
}

main[data-page="contact"] > section > article fieldset {
	display: block;
	margin: 64px 0px 0px 0px;
	padding: 0px;
	border: 0px solid transparent;
	border-top: 1px solid #888888;
}

main[data-page="contact"] > section > article p + fieldset {
	margin-top: 32px;
}

main[data-page="contact"] > section > article fieldset legend {
	margin: 0px;
	padding: 0px 8px 0px 0px;
	font-family: 'museo';
	font-size: 20px;
	line-height: 32px;
}

main[data-page="contact"] > section > article div {
	display: block;
	margin: 16px auto;
	width: 480px;
}

main[data-page="contact"] > section > article div label {
	display: inline-block;
	width: 128px;
	margin: 0px;
	padding: 0px;
	font-family: 'museo';
	font-size: 20px;
	line-height: 32px;
	vertical-align: top;
}

main[data-page="contact"] > section > article div input[type="text"],
main[data-page="contact"] > section > article div input[type="password"],
main[data-page="contact"] > section > article div input[type="number"],
main[data-page="contact"] > section > article div select,
main[data-page="contact"] > section > article div textarea {
	width: calc(480px - 128px - 8px);
	vertical-align: top;
}

main[data-page="contact"] > section > article fieldset[id="contact"] div textarea {
	min-height: 12em;
}

main[data-page="contact"] > section > article fieldset[id="captcha"] div label {
	display: block;
	width: 100%;
}

main[data-page="contact"] > section > article fieldset[id="captcha"] div input {
	display: block;
	width: 100%;
	margin: 1em 0px 0px 0px;
}

main[data-page="contact"] > section > article footer {
	margin-top: 32px;
	text-align: right;
}



@media (max-width: 640px) {

	main[data-page="contact"] > section > article {
		display: block;
		width: auto;
	}

	main[data-page="contact"] > section > article div {
		display: block;
		width: auto;
		text-align: center;
	}

	main[data-page="contact"] > section > article div label {
		display: block;
		width: auto;
	}

	main[data-page="contact"] > section > article div input[type="text"],
	main[data-page="contact"] > section > article div input[type="password"],
	main[data-page="contact"] > section > article div input[type="number"],
	main[data-page="contact"] > section > article div select,
	main[data-page="contact"] > section > article div textarea {
		display: block;
		width: 100%;
	}

}