/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	font-size: 14px;
	line-height: 16px;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

th {
	font-weight: normal;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */


/* ==============
    MOBILE: Main
   ============== */

.main {
	/* padding: 30px 0; */
}

.main article h1 {
	font-size: 2em;
}

.main aside {
	/* padding: 0px 5% 10px; */
}

.footer-container footer {
	color: white;
	padding: 10px 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
	padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


@font-face {
	font-family: 'DIN';
	src: url('../fonts/DIN-Normal-400.woff2');
}

@font-face {
	font-family: 'DIN-Bold';
	src: url('../fonts/DIN-Normal-700.woff2');
}

html,
body,
#container {
	min-height: 100%;
	position: relative;
}

body {
	background: #ddd;
}

body * {
	font-family: "DIN", sans-serif, Arial, helvetica, sans-serif;
}

a {
	color: #00a665;
	text-decoration: none;
}

.inline-termsLink a {
	cursor: pointer;
}

#container {
	background: #FFF;
}

.header-container {
	background: #FFF;
	position: relative;
}

.main-container {
	padding-left: 60px;
	padding-right: 60px;
	/* background: url(../img/e-plus-logo.png);
    background-repeat: no-repeat;
    background-size: 90px;
    background-position-x: calc(100% - 60px); */
}

@media only screen and (max-width: 550px) {
	.main-container {
		padding-left: 20px;
		padding-right: 20px;
	}

}

.footer-container {
	height: 117px;
	width: 100%;
	border: none;
}

.header-container h1 {
	background: url(../img/header-logo-ep.png);
	width: 183px;
	height: 51px;
	background-size: 183px 51px;
	margin-left: 30px;
}

.header-container nav {
	width: 180px;
	position: absolute;
	right: 30px;
	top: 30px;
	border: solid 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #646464;
}

.header-container nav a {
	display: inline-block;
	width: 50%;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	color: #646464;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	background: rgb(255, 255, 255);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(222, 222, 222, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede', GradientType=0);
	/* IE6-9 */
}

.header-container nav a.on {
	color: #FFF;
	background: rgb(122, 122, 122);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(122, 122, 122, 1) 0%, rgba(87, 87, 87, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(122, 122, 122, 1)), color-stop(100%, rgba(87, 87, 87, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(122, 122, 122, 1) 0%, rgba(87, 87, 87, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(122, 122, 122, 1) 0%, rgba(87, 87, 87, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(122, 122, 122, 1) 0%, rgba(87, 87, 87, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(122, 122, 122, 1) 0%, rgba(87, 87, 87, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a7a7a', endColorstr='#575757', GradientType=0);
	/* IE6-9 */
}

.main-container h1.inline {
	display: inline-block;
}

/* .main-container fieldset input */

.main-container .required {
	font-size: 10px;
	color: #666;
	float: right;
	margin-top: 1.7em;
}

#hero {
	width: 100%;
	position: relative;
}

#hero.main {
	height: 428px;
	background: url(../img/hero-main.jpg) bottom left;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/hero-main.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/hero-main.jpg', sizingMethod='scale')";
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#hero.main.gb-en {
	background: url(../img/hero-main-GBEN.jpg) bottom left;
}

#hero.ufcenter {
	height: 428px;
	background: url(../img/hero-ufcenter.jpg) bottom left;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/hero-ufcenter.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/hero-ufcenter.jpg', sizingMethod='scale')";
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#hero.thankyou {
	height: 428px;
	background: url(../img/hero-thankyou.jpg) bottom right;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/hero-thankyou.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/hero-thankyou.jpg', sizingMethod='scale')";
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#hero header {
	/* position: absolute;  */
}

header#headline h1 {
	color: #FFF;
	/* height: 70px;  */
	line-height: 2.5rem;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0px;
	font-size: 2rem;
	zoom: 1;
	background-color: #006639;
	/* border-bottom: 5px solid #00a664; */
}

@media only screen and (max-width: 550px) {

	header#headline h1 {
		line-height: 2rem;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 1.5rem;
	}

}

#hero h1.h1_error {
	font-size: 22px;
}

.subhead {
	margin-top: 2rem;
}

.subhead,
.body {
	color: #006639;
	line-height: 1.3;
	width: 80%;
}

.subhead.error {
	width: 100%;
}

@media only screen and (max-width: 767px) {

	.subhead,
	.body {
		width: 100%;
	}
}

@media only screen and (max-width: 550px) {

	.subhead.error {
		font-size: 1rem;
	}
}

fieldset {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-bottom: 2rem;
}

/* fieldset div:nth-of-type(1n){
	padding-right
} */

/* #hero h2 { background: #00804f; color: #FFF; line-height: 30px; padding-left: 30px; padding-right: 30px; padding-top: 10px; font-size: 15px; font-weight:normal; margin: 0px; zoom: 1;} */

#hero p {
	background: #00804f;
	color: #FFF;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
	margin: 0px;
	font-size: 13px;
	line-height: 15px;
	zoom: 1;
}

#hero .error {
	background: #dd4124;
	background: rgba(221, 65, 36, 0.85);
	color: #FFF;
	margin: auto;
	padding: 5px 10px;
	width: 90%;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

#hero .error ul li a {
	color: #ffffff;
	text-decoration: underline;
}

#hero .success {
	background: ##00804f;
	background: rgba(0, 128, 79, 0.85);
	color: #FFF;
	margin: auto;
	padding: 5px 10px;
	width: 90%;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

#hero .message {
	background: #7394b4;
	color: #394959;
	border-right: solid 20px #5a738c;
	margin: auto;
	padding: 5px 10px;
	width: 90%;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	position: relative;
	z-index: 1000;
}

#hero .message a.button {
	width: 200px;
	margin: 10px auto;
	color: #363636;
	border: solid 1px #cccccc;
	text-align: left;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
	display: block;
	line-height: 42px;
	display: block;
	line-height: 42px;
	font-size: 15px;
	text-decoration: none;
	padding: 0 0 0 20px;
	margin-top: 10px;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#hero .message a.button span {
	color: #363636;
	position: relative;
	display: inline-block;
	float: right;
	padding: 0 10px 0 0;
}

#hero .message img {
	position: absolute;
	top: 5px;
	right: -15px;
}


.main aside {
	color: #000;
}

.main aside ul {
	padding: 0 0 0 20px;
	list-style-image: url(../img/bullet-plus.png);
}

.main aside ul li {
	margin-bottom: 3px;
}

.main aside h3 {
	font-family: "FrutigerLTPro-Bold", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
}

/* .main article { margin-left: 30px;  font-weight: normal; font-style: normal; } */
.main article h1 {
	font-size: 16px;
	line-height: 18px;
	margin: 1em 0;
	font-family: FrutigerLTPro-Bold;
	font-weight: normal;
	font-style: normal;
}

.main article.wide {
	width: auto;
	margin-right: 30px;
}

.main article.wide .panel {
	width: 400px;
}

.main article form div.error {
	display: none;
	color: #dd4124;
	font-weight: bold;
	font-size: 11px;
	margin-top: 3px;
	font-family: FrutigerLTPro-Bold;
	font-weight: normal;
	font-style: normal;
}

.main article form div.error.show {
	display: block;
}

.main article form div.success {
	display: none;
	color: #00804f;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 3px;
	font-family: FrutigerLTPro-Bold;
	font-weight: normal;
	font-style: normal;
}

.main article form div.success.show {
	display: block;
}

.main article form input {
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	border: solid 1px #cccccc;
	font-size: 1rem;
	box-sizing: border-box;
	height: calc(2.5rem + 16px);
	padding-top: 1rem;
	padding-bottom: 1rem;
	line-height: .5rem;
}



.main article form input.error {
	border: solid 1px #802414;
	color: #dd4124;
}

.main article form input.error::-webkit-input-placeholder {
	color: #dd4124;
}

.main article form input.error:-moz-placeholder {
	color: #dd4124;
}

.main article form input.error:-ms-input-placeholder {
	color: #dd4124;
}

.main article form select {
	width: 100%;
	padding: 8px 5px;
	border: solid 1px #cccccc;
	margin-bottom: 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: normal;
	font-style: normal;
}

.proof-body {
	max-width: 80%;
}

@media only screen and (max-width: 550px) {
	.proof-body {
		max-width: none;
	}
}

.uploadinstructions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

a.formsubmit {
	display: inline-block;
	font-size: 1.5rem;
	color: #FFF;
	text-decoration: none;
	position: relative;
	background-color: #006639;
	padding: 1.5rem 4rem;
	border-radius: 3rem;
	margin-top: 1rem;
}

div.inputcontainer {
	/* border-left: solid 1px #CCC;  */
	/* border-right: solid 1px #CCC;  */
	/* border-bottom: solid 1px #CCC;  */
	/* padding: 10px; */
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.panel {
	border: solid 1px #ccc;
	color: #646464;
}

.panel h4 {
	line-height: 3.5rem;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	font-weight: 500;
	padding: 0 5px;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
}

.panel h4:after {
	content: "";
	height: 1.5rem;
	width: 1.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300a664'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 1.5rem;
	margin-left: auto;
	transition: transform 0.2s ease-in-out;
}

.panel.panelopen h4::after {
	transform: rotate(-180deg);
}

.panel h4 span {}

.panel.panelopen h4 span {
	background-position: left bottom;
}

.panel div {
	display: none;
	padding: 0px 10px;
	padding-bottom: 10px;
}


.tab {}

.tab h3 {
	border: solid 1px #ccc;
	margin-bottom: 0px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.tab h3 a {
	display: inline-block;
	width: 50%;
	text-align: center;
	font-size: 13px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	color: #646464;
	background: rgb(255, 255, 255);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
	/* IE6-9 */
}

.tab h3 a.on {
	color: #FFF;
	background: rgb(38, 179, 124);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(38, 179, 124, 1) 0%, rgba(1, 142, 87, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(38, 179, 124, 1)), color-stop(100%, rgba(1, 142, 87, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(38, 179, 124, 1) 0%, rgba(1, 142, 87, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(38, 179, 124, 1) 0%, rgba(1, 142, 87, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(38, 179, 124, 1) 0%, rgba(1, 142, 87, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(38, 179, 124, 1) 0%, rgba(1, 142, 87, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26b37c', endColorstr='#018e57', GradientType=0);
	/* IE6-9 */
}

.tab .faxinstructions {
	display: none;
}

.matchtable {
	font-size: 13px;
	border: solid 1px #CCC;
}

.matchtable th {
	color: #FFF;
	text-align: left;
	background: rgb(38, 179, 124);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(38, 179, 124, 1) 0%, rgba(1, 142, 87, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(38, 179, 124, 1)), color-stop(100%, rgba(1, 142, 87, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(38, 179, 124, 1) 0%, rgba(1, 142, 87, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(38, 179, 124, 1) 0%, rgba(1, 142, 87, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(38, 179, 124, 1) 0%, rgba(1, 142, 87, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(38, 179, 124, 1) 0%, rgba(1, 142, 87, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26b37c', endColorstr='#018e57', GradientType=0);
	/* IE6-9 */
}

.matchtable td {
	color: #646464;
}

.footer-container footer {
	background: #f2f5f8;
	margin-top: 20px;
	text-align: center;
	position: relative;
	height: 140px;
	font-weight: normal;
	font-style: normal;
}

.footer-container footer p {
	color: #00663f;
	position: absolute;
	left: 130px;
	top: 10px;
	font-family: FrutigerLTPro-Roman, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}

.footer-container footer nav {}

.footer-container footer nav a {
	display: inline-block;
	padding: 0px 20px;
	margin-bottom: 6px;
	line-height: 44px;
	background-color: #a1aebb;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
}

.footer-container footer nav a#ad-choices::after {
	content: '';
	background-image: url(../img/adchoices.png);
	background-size: cover;
	display: inline-block;
	width: 11px;
	height: 12px;
	vertical-align: middle;
	line-height: 100%;
	margin-left: 4px;
}

.footer-container footer nav a#privacy-choices::after {
	content: "";
	background-image: url('../img/privacychoices.svg');
	background-size: cover;
	display: inline-block;
	width: 26px;
	height: 12px;
	line-height: 100%;
	vertical-align: middle;
	margin-left: 4px;
}


.footer-container footer nav a.termslink {
	padding-left: 15px;
}

.footer-container footer nav a.termslink span {
	position: relative;
	display: inline-block;
	color: #FFFFFF;
}

.footer-container #terms {
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #a1aebb;
	color: #FFF;
	padding: 20px 30px;
	font-weight: normal;
	font-style: normal;
}

.footer-container #terms h4 {
	margin-top: 0px;
	border-bottom: solid 1px #FFF;
	padding-bottom: 15px;
	font-family: FrutigerLTPro-Bold;
	font-weight: normal;
	font-style: normal;
}

.termslink span {
	background-image: url(../img/terms-arrow.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 10px;
	width: 19px;
}

#da-lockup {
	display: block;
	width: 434px;
	height: 37px;
	margin: auto;
	border: none;
	background-image: url(../img/footer-da.png);
	background-size: 434px 37px;
	position: absolute;
	right: 130px;
}

.mobileswitch {
	display: none;
}

.mobile {
	display: none;
}

.desktop {
	display: block;
}





/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 480px) {
	.width92pc {
		width: 92%;
	}
}

@media only screen and (max-width: 767px) {

	.wrapper {
		width: 550px;
		margin: 0 auto;
	}

	.header-container h1 {
		margin-left: 10px;
	}

	.header-container nav {
		width: 100px;
		right: 10px;
	}

	#hero h1 {
		padding-left: 10px;
		font-size: 16px;
		line-height: 20px;
		padding-top: 9px;
		padding-bottom: 9px;
		height: 50px;
	}

	#hero h1.h1_error {
		font-size: 14px;
		line-height: 18px;
	}

	#hero h2 {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 5px;
		line-height: 18px;
	}

	#hero.ufcenter header h2 {
		padding-bottom: 10px;
	}

	#hero.thankyou header h2 {
		padding-bottom: 10px;
	}

	#hero p {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
	}

	#hero.main {
		height: 253px !important;
	}

	#hero.main header {
		bottom: -100px;
	}

	#hero.ufcenter {
		height: 253px !important;
		background-position: 50% 0%;
	}

	#hero.ufcenter header {
		bottom: -38px;
	}

	#hero.thankyou {
		height: 253px !important;
		background-position: 85% 0%;
	}

	#hero.thankyou header {
		bottom: -38px;
	}

	#hero.thankyou header h1 {
		height: 70px;
		line-height: 70px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	#hero .message {
		width: 80%;
	}

	/* .main article { margin: 0px 10px; } */
	.main article h1 {
		font-size: 16px;
		line-height: 18px;
		margin: 1em 0;
	}

	/* .main-container h1.inline { display:block;} */
	.main-container .required {
		font-size: 10px;
		color: #666;
		float: right;
	}

	.main article.wide {
		width: auto;
		margin-right: 10px;
	}

	.main article.wide .panel {
		width: auto;
	}

	/* .main article form input { width: 288px; }
	.main article form input.left { width: 134px; }
	.main article form input.right { width: 134px; } */

	fieldset {
		grid-template-columns: 1fr;
	}

	.uploadinstructions {
		grid-template-columns: 1fr;
	}

	/* .main aside { margin: 0px 10px; } */

	.footer-container footer {
		display: block;
		background: #f2f5f8;
		margin-top: 20px;
		text-align: center;
		height: auto;
	}

	.footer-container footer p {
		color: #00663f;
		width: auto;
		position: relative;
		left: auto;
		top: auto;
	}

	.footer-container footer nav {
		margin: 30px 10px;
		font-family: Arial, Helvetica, sans-serif;
		width: auto;
	}

	.footer-container footer nav a {
		display: block;
		padding: 0px;
		margin-bottom: 6px;
		line-height: 44px;
		background-color: #a1aebb;
		color: #FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-decoration: none;
	}

	.footer-container footer nav a.termslink {
		padding-left: 0px;
	}

	#da-lockup {
		display: block;
		width: 248px;
		height: 106px;
		margin: auto;
		border: none;
		position: relative;
		right: auto;
		background-image: url(../img/footer-da-mobile.png);
		background-size: 248px 106px;
	}

	.mobile {
		display: block;
	}

	.desktop {
		display: none;
	}


	/* ====================
    INTERMEDIATE: Menu
   ==================== */

	/* nav a {
        float: left;
        width: 27%;
        margin: 0 1.7%;
        padding: 25px 2%;
        margin-bottom: 0;
    }

    nav li:first-child a {
        margin-left: 0;
    }

    nav li:last-child a {
        margin-right: 0;
    } */

	.main-container {
		padding-bottom: 0px;
	}

	.footer-container {
		height: auto;
		position: relative;
		width: 100%;
	}

	/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

	nav ul li {
		display: inline;
	}

	.oldie nav a {
		margin: 0 0.7%;
	}
}

@media only screen and (max-width: 550px) {

	.wrapper {
		width: 320px;
		margin: 0 auto;
	}

	.main-container .required {
		display: block;
		float: none;
		margin-top: 0;
		margin-bottom: 1rem;
	}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

	/* ====================
    WIDE: CSS3 Effects
   ==================== */

	.wrapper {
		width: 768px;
		margin: 0 auto;
	}

	.footer-container footer {
		padding: 10px 0 60px 0;
	}

	.footer-container footer {
		background: #f2f5f8;
		margin-top: 20px;
		text-align: center;
		position: relative;
		height: 140px;
		font-size: 13px;
	}

	.footer-container footer p {
		color: #00663f;
		position: absolute;
		left: 30px;
		top: 61px;
	}

	.footer-container footer nav {
		text-align: left;
		position: absolute;
		top: 60px;
		left: 220px;
	}

	.footer-container footer nav a {
		display: inline-block;
		padding: 0px 20px;
		margin-bottom: 6px;
		line-height: 44px;
		background-color: #a1aebb;
		color: #FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-decoration: none;
	}

	.footer-container #terms h4 {
		margin-top: 20px;
	}

	/* #hero h1 { background: url(../img/plusbar-green.png) right no-repeat; color: #FFF; height: 70px; line-height: 70px; display: inline-block; padding-left: 30px; padding-right: 100px; margin: 0px; font-size: 22px; zoom: 1;} */
	#hero h1.h1_error {
		font-size: 20px;
		zoom: 1;
	}

	#da-lockup {
		display: block;
		width: 434px;
		height: 37px;
		margin: auto;
		border: none;
		background-image: url(../img/footer-da.png);
		background-size: 434px 37px;
		position: absolute;
		right: auto;
		left: 220px;
	}

	/* ============
    WIDE: Main
   ============ */

	.main aside {
		/* float: right;
        width: 300px;
		margin-right: 30px; */
	}
}

@media only screen and (min-width: 960px) {

	/* ===============
    Maximal Width
   =============== */

	.wrapper {
		width: 960px;
		margin: 0 auto;
	}

	.footer-container footer nav {
		position: relative;
		text-align: center;
		top: 50px;
		left: auto;
		margin: auto;
	}

	#container {
		-webkit-box-shadow: 0 5px 10px #aaa;
		-moz-box-shadow: 0 5px 10px #aaa;
		box-shadow: 0 5px 10px #aaa;
	}

	/* .main article {
        float: left;
        width: 380px;
    } */

	.main aside {
		/* float: right;
        width: 490px;
		margin-right: 30px; */
	}

}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.header-container h1 {
		background: url(../img/header-logo-ep@2x.png);
		background-size: 183px 51px;
	}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		/* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " ("attr(href) ")";
	}

	abbr[title]:after {
		content: " ("attr(title) ")";
	}

	/*
     * Don't show links for images, or javascript/internal links
     */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
		/* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}