@charset "utf-8";
/* CSS Document */
html {
	color: #12141C;
	background: url(../images/small-pages/Offical_Blue-A.png) no-repeat center center fixed;
	background-size: cover;}
h1, h2 {
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	font-size:128px;
	font-size: 8rem; 
	font-weight: 900;}
@media only screen and (min-width: 801px) and (max-width: 1050px) {h1 {font-size: 80px; font-size: 5rem;}}
@media only screen and (min-width: 1051px) and (max-width: 1900px) {h1 {font-size: 96px; font-size: 6rem;}}
h2 {font-size: 64px; font-size: 4rem; margin: .5rem 0 0 6rem;}
@media only screen and (min-width: 801px) and (max-width: 1299px) {h2 {font-size: 48px; font-size: 3rem; margin-left: 4rem;}}
@media only screen and (min-width: 1051px) and (max-width: 1299px) {h2 {margin-left: 6rem;}}
.grey-filler, .wufoo label.desc, .wufoo legend.desc {color: #12141C;}
.wufoo input.text, .wufoo textarea.textarea, .wufoo input.file, .wufoo select.select, .wufoo .instruct {color: #12141C; background: #ECEFF8;}
.header-grey {padding: 0; top: 0;}
.main-nav {left: 1%; top: -15%;}
@media only screen and (min-width: 801px) and (max-width: 1050px) {.main-nav {left: 0}}
@media only screen and (min-width: 1051px) and (max-width: 1299px) {.main-nav {left: 3%}}
.main-nav a {
	color: #12141C; 
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	font-style: italic;
	margin-left: 0;}
.main-nav a:first-of-type {margin-left: 1rem;}
.main-nav a:hover {
	color: #EBEFFF;
	text-decoration: underline;
	transition: all .8s;}
::-moz-placeholder {font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;}
.grey-filler {
	font: 400 16px/1.5 "brandon-grotesque", Arial, Helvetica, sans-serif;
	font: 400 1rem/1.5 "brandon-grotesque", Arial, Helvetica, sans-serif;
	color: #262626;}
.wufoo .instruct small {
    color: #12141C;
    font-size: 14px;
	font-size: 0.875rem;}
footer {
	font: 700 20px/1.5 "brandon-grotesque", Arial, Helvetica, sans-serif;
	font: 700 1.25rem/1.5 "brandon-grotesque", Arial, Helvetica, sans-serif;
	color: #12141C;
	margin-top: .5rem; 
	padding: 0 0 0 7.5rem;
	text-align: left;	}
footer a {
	font-size: 20px;
	font-size: 1.25rem;
	color: #12141C;}
footer a:hover {
	color: #EBEFFF;
	text-decoration: underline;
	transition: all .8s;}
form li.buttons input{ font-family:"brandon-grotesque", Arial, Helvetica, sans-serif;}
.wufoo li div, .wufoo li span, .wufoo li div label, .wufoo li span label{color:#12141C;}
.wufoo input.btTxt {background: transparent; color: #ECEFF8; font-weight: 700;}
.header-grey {color: #12141C;}