body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	/*background-image: url("img/bg.png");
	background-repeat: no-repeat;
    background-size: 100% auto;*/
	margin:0;
}

h1, h3 {
	color:#ffffff;
	font-weight:normal;
}

h2, h4 {
	color:#1D2168;
	font-weight:normal;
}

h4 {
	text-align:center;
	margin:0;
	padding:0;
}

p {
	margin:0;
	color:#333333;
	font-size:16px;
}

.logo {
	width:100%;
	margin:0;
	padding:10px 0;
	background-color:#ffffff;
}

.logo img {
	margin:0 auto;
	display:block;
}

.header {
	width:100%;
	margin:0;
	padding:20px 0 0 0;
	text-align:center;
	/*background-color:#DBB723;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8c472+0,d8ad00+100 */
background: #00078c; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #d8c472 0%, #d8ad00 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #d8c472 0%,#d8ad00 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #d8c472 0%,#d8ad00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8c472', endColorstr='#d8ad00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.content {
	background-color:#ffffff;
	width:100%;
	margin:0;
	padding:0;
	border-top:0px solid #ffffff;
	text-align:center;
}

.top div {
	color:#ffffff;
	text-align:center;
	background-color:#1D2168;
	border-radius:3px;
	margin:0 auto;
	border:0px solid #946b02;
}

.bottom {
	color:#ffffff;
	text-align:center;
	margin:0;
	padding:0;
}

.cta-box {
	background-color:#dddddd;
	padding:0 0 10px 0;
	border:0px solid #c5c5c5;
}

.cta-bar {
	width:100%;
	padding:6px 0;
	margin:0;
	background-color:#1D2168;
}

.arrow {
	margin:-2px auto 0 auto;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #1D2168;
	}

.subscribe {
	margin:0;
	text-align:center;
}

.disclaimer {
	font-size:12px;
	margin:0 auto;
	text-align:center;
	color:#333;
	line-height:1.25;
}

.footer {
	width:100%;
	margin:0;
	padding:0 0 30px 0;
}

/* RESPONSIVE WIDE */
@media only screen
and (min-width:1001px) {

h1 {
	font-size:42px;
	margin:0;
	text-align:center;
}

h2 {
	font-size:30px;
	margin:0;
	text-align:left;
	}

h3 {
	font-size:24px;
	margin:0;
	text-align:center;
	}

h4 {
	font-size:30px;
	}

.logo img {
	width:300px;
	}

.hero {
	width:300px;
	display:block;
	margin:20px auto 0 auto;
	vertical-align:bottom;
}

.header-left, .header-right {
	padding:0 40px;
	line-height:1.5;
	display:inline-block;
	border:0px solid yellow;
	vertical-align:bottom;
}

.header-left {
	vertical-align:top;
	margin:30px 0 0 0;
}

.header-right {
	vertical-align:bottom;
	margin:0;
}

.content-left, .content-right {
	margin:0;
	padding:40px 30px;
	line-height:1.5;
	display:inline-block;
	border:0px solid yellow;
	vertical-align:top;
}

.content-left {
	width:400px;
	text-align:left;
}

.content-right {
	width:450px;
	text-align:center;
}

td {width:110px;}

.top div {
	font-size:54px;
	width:100px;
	padding: 10px 0;
}

.bottom {
	font-size:16px;
}

.cta-box {
	margin-top:10px;
}

.mobile {display:none;}
.disclaimer-break {display:none;}
}



/* RESPONSIVE LARGE */
@media only screen
and (min-width:761px) and (max-width:1000px) {

h1 {
	font-size:36px;
	margin:6px 0;
	text-align:center;
}

h2 {
	font-size:30px;
	margin:0;
	text-align:left;
	}

h3 {
	font-size:18px;
	margin:0;
	text-align:center;
	}

h4 {
	font-size:30px;
	}

.logo img {
	width:360px;
	}

.hero {
	width:250px;
	display:block;
	margin:20px auto 0 auto;
	vertical-align:bottom;
}

.header-left, .header-right {
	padding:0 10px;
	line-height:1.5;
	display:inline-block;
	border:0px solid yellow;
	vertical-align:bottom;
}

.header-left {
	vertical-align:top;
	margin:30px 0 0 0;
}

.header-right {
	vertical-align:bottom;
	margin:0;
}

.content {
	text-align:center;
	padding: 40px 0;

}

.content-left, .content-right {
	width:40%;
	margin:0 4%;
	padding:0;
	line-height:1.5;
	display:inline-block;
	border:0px solid yellow;
	vertical-align:top;
}

.content-left {
	text-align:left;
}


td {width:65px;}

.top div {
	font-size:36px;
	width:60px;
	padding: 10px 0;
}

.bottom {
	font-size:16px;
}

.mobile {display:none;}

}


/* RESPONSIVE MID */
@media only screen
and (min-width:500px) and (max-width:760px) {

h1 {
	font-size:36px;
	margin:0;
	text-align:center;
}

h2 {
	font-size:30px;
	margin:24px 0 0 0;
	text-align:left;
	}

h3 {
	font-size:21px;
	margin:0;
	text-align:center;
	}

h4 {
	font-size:24px;
	}

.hero {
	width:240px;
	display:block;
	margin:10px auto 0 auto;
	vertical-align:bottom;
}

.logo img {
	width:240px;
	}

.header-left, .header-right {
	padding:0;
}

.header-left {
	margin:10px 0 0 0;
}

.header-right {
	margin:0;
}

.content {
	text-align:left;
	border:1px solid #ffffff;
}

.content-left, .content-right {
	padding:0;
	line-height:1.5;
}

.content-left {
	width:90%;
	margin:0 5%;
}

.content-right {
	width:60%;
	margin:40px 20%;
}

td {width:75px;}

.top div {
	font-size:30px;
	width:70px;
	padding: 10px 0;
}

.bottom {
	font-size:16px;
}

}


/* RESPONSIVE MOBILE */
@media only screen
and (max-width:499px) {

h1 {
	font-size:32px;
	margin:0;
	text-align:center;
}

h2 {
	font-size:30px;
	margin:24px 0 0 0;
	text-align:left;
	}

h3 {
	font-size:20px;
	margin:0;
	text-align:center;
	}

h4 {
	font-size:24px;
	}

.hero {
	width:240px;
	display:block;
	margin:10px auto 0 auto;
	vertical-align:bottom;
}

.logo img {
	width:240px;
	}

.header-left, .header-right {
	padding:0;
}

.header-left {
	margin:10px 0 0 0;
}

.header-right {
	margin:0;
}

.content {
	text-align:left;
	border:1px solid #ffffff;
}
.content-left, .content-right {
	width:90%;
	margin:40px 5%;
	padding:0;
	line-height:1.5;
}

td {width:70px;}

.top div {
	font-size:30px;
	width:60px;
	padding: 10px 0;
}

.bottom {
	font-size:16px;
}


}


/*  FORM  */

#mc_embed_signup form {text-align:center; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 18px; border: 0px solid #cccccc;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000; background-color: #fff; box-sizing:border-box; height:32px; padding: 20px 0.4em; display: inline-block; margin: 0; width:300px; vertical-align:top;}
#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 18px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; background-color: #1D2168; box-sizing:border-box; height:40px; line-height:40px; padding:0 10px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {opacity:.8; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc_embed_signup input.email {width:80%; margin-bottom:12px;max-width:320px;}
@media (max-width: 768px) {
    #mc_embed_signup .clear {display: block; width: 100% }
    #mc_embed_signup .button {width: 130px; margin:0; }
}
 */
