@charset "UTF-8";
/* overwriting Styles.css */
.bg {background-image: url(../images/wm8165.jpg);}
#formBox {left: -286px; margin: 0px auto 30px 35%;}
#formFields {padding: 30px 0px 50px 0px;}
.formButton {position: relative;}

@media screen and (max-width: 830px) {
	#formBox {left: -100px; margin: 0px auto 30px auto; max-width: 500px;}
	#formFields {padding: 15px 0px 30px 0px;}
	h1 {font-size: 36px;}
}
@media screen and (max-width: 725px) {
	.bg {display: none;}
	#headerContent {padding: 0px 0px 6px 0px;}
	#tagline {font-size: 16px;}
	#formBox {left: 0px;}
	#shroud {display: none;}
	.headline {font-size: 1.5em; line-height: 36px; margin-top: 0;}
	.formButton {font-size: 18px; padding: 5px 14px 13px 14px; margin-top: 0;}
	.whiteTriangle {top: 6px;}
	#features {margin-top: 15px;}
}
@media screen and (max-width: 580px) {
	#tagline {padding-left: 15px; line-height: 16px; font-size: 14px;}
}
@media screen and (max-width: 570px) {
	#logo {font-size: 24px;}
	.logoDot {font-size: 40px;}
	h1 {font-size: 24px; line-height: 30px;}
}
@media screen and (max-width: 540px) {#formBox {margin: 10px;}}
@media screen and (max-width: 530px) {
	body {font-size: 12px;}
	#formFields {padding: 15px;}
	h2 {font-size: 16px;}
	h3 {margin: 0px;}
}
@media screen and (max-width: 415px) {
	#tagline {display: none;}
	.instructions {padding-top: 0px; font-size: 14px;}
	h1 {font-size: 18px; line-height: 20px;}
	#fixedFooter {padding: 3px 4px 2px 4px;}
}