html,body{
	margin:0;
	background-color:#b6b9bd;
	color:black;
}

body{

}

*{
	font-family:opensans, Sans-Serif;
}

h1{
	font-weight:500;
	font-size:1.3em;
	text-align:center;
}

.page{
	color:black;
	max-width:1140px;
	margin:0 auto;
	padding:2em auto;
	background-color:#52657a;
}

	/* because we limit the page width we need to stop increasing font size after we reach max width */
	
	@media screen and (max-width:399.9999px){	main{font-size:.8em;}	}
	@media screen and (min-width:400px){		main{font-size:.87em;}	}
	@media screen and (min-width:500px){		main{font-size:.95em;}	}
	@media screen and (min-width:600px){		main{font-size:1.06em;}	}
	@media screen and (min-width:700px){		main{font-size:1.18em;}	}
	@media screen and (min-width:800px){		main{font-size:1.36em;}	}
	@media screen and (min-width:900px){		main{font-size:1.45em;}	}
	@media screen and (min-width:1100px){		main{font-size:1.55em;}	}
	@media screen and (min-width:1300px){		main{font-size:1.55em;}	}
	@media screen and (min-width:1500px){		main{font-size:1.55em;}	}
	@media screen and (min-width:1700px){		main{font-size:1.55em;}	}


	@media screen and (max-width:399.9999px){	input[type=checkbox]{transform: scale(1);}	}
	@media screen and (min-width:400px){		input[type=checkbox]{transform: scale(1);}	}
	@media screen and (min-width:500px){		input[type=checkbox]{transform: scale(1.05);}	}
	@media screen and (min-width:600px){		input[type=checkbox]{transform: scale(1.1);}	}
	@media screen and (min-width:700px){		input[type=checkbox]{transform: scale(1.2);}	}
	@media screen and (min-width:800px){		input[type=checkbox]{transform: scale(1.3);}	}
	@media screen and (min-width:900px){		input[type=checkbox]{transform: scale(1.35);}	}
	@media screen and (min-width:1100px){		input[type=checkbox]{transform: scale(1.4);}	}
	@media screen and (min-width:1300px){		input[type=checkbox]{transform: scale(1.4);}	}
	@media screen and (min-width:1500px){		input[type=checkbox]{transform: scale(1.4);}	}
	@media screen and (min-width:1700px){		input[type=checkbox]{transform: scale(1.4);}	}


@media screen and (min-width:460px){
	.page{
		padding-left:4%;
		padding-right:4%;
	}
}


header{
	background-image:url(i/scaled/banner_ep_1.jpg);
	background-size:cover;
	background-position:center center;
	margin-bottom:1em;
	padding-bottom:0;
}

footer{
	background-color:black;
	color:white;
}

header .adj{
	
}


header .top{
	/*border:.1em red dashed;*/
	width:100%;
	overflow:visible;
	box-sizing:border-box;
}

header .top .c{
	/*border:.1em blue dashed;*/
	overflow:visible;
	box-sizing:border-box;
	padding-right:7%;
	padding-left:7%;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
	margin-top:0;
}

header .social{
	/*border:.1em yellow dashed;*/
	overflow:visible;
	box-sizing:border-box;
	float:right;
	margin-top:3.5em;
}

header .social a{
	width:1.4em;
	display:block;
	float:right;
	margin-left:.7em;
}

header .social a img{
	width:100%;
	opacity:.8;
}


header .logo_sec{
	padding-top:10em;								
}	

header .logo_sec > .c{
	padding-top:0;
	padding-bottom:0;
}


header .adj{

	background-color:rgba(34,47,73,.27);
}

header .logo{
	margin:auto;
	text-align:center;
	max-width:6.4em;
}

header {width:100%;}

header .text1{
	text-align:center;
	width:100%;

	max-width:100%;
	padding-bottom:0; /* p bottom marg will take care of it */
}

header .text1 > .c{
	padding:0;
}

.h1_outer{
	background-color:#006c9c;
	color:white;
	padding:1.5em;
	margin-top:0;
	margin-bottom:2.3em;
	border-radius:.15em;
}

.h1_outer h1{
	margin-bottom:0;
}

h2{
	font-size:1.8em;
	font-weight:500;
}

header .intro_text{
	font-size:1.2em;
	padding:1.5em 7% 1.5em 7%;
	background-color:#bccee2;
	margin-top:0;
	margin-bottom:0;
}

header .text1 p{
	/*
	text-shadow:
		0 0 .3em rgba(0,0,0,.9),
		0 0 1.4em rgba(0,0,0,.9),
		0 0 2.1em rgba(0,0,0,.9)
	;
	width:100%;
	*/
}

.main_text{
	float:left;
	margin-top:0;
}

.main_text *:first-of-type h2{
	margin-top:.4em;
}


@media screen and (min-width:800px){
	.rfi_form{
		width:50%;
		margin-left:5%;
		float:right;
		clear:none;
		font-size:.63em;
	}
	
	.main_text{
		padding-left:1em;
		width:44%;
		float:left;
		clear:none;
		font-size:.63em;
	}	
	
	/* checkboxes do not scale with font size so we must scale */
	.main_text .checkboxes .input,
	.rfi_form .checkboxes .input{ 
		transform: scale(.7);
	}
}

main.content{
	background-color:#fafafa;
	color:black;
	padding-top:0;
	padding-bottom:2em;
}

main.content > .c{
	padding:1.2em 1.6em;
}

.rfi_form h2{
	margin-top:0;
	border-bottom:0;
	padding-bottom:0;
}

.rfi_form{
	border-radius:.2em;
	overflow:auto;
}

@media screen and (min-width:440px){
	.rfi_form{
		background-color:#eae6e4;
		padding:3em 2.4em;
	}
}

input[type=text]{
	background-color:white;
	color:black;
}

input[type=text]{
	border:1px black solid;
}

.pair label{
	font-weight:500;
}	

.pair input{
	border-radius:.2em;
	border:.15em #006c9c solid;
	padding:.7em .8em .7em .8em;
}

	.pair input:focus{
		background-color:#ebfaff;
	}


input[type=submit]{
	display:block;
	margin-top:2em;
	border-radius:.2em;
	background-color:#006c9c;
	color:white;
	border:0;
	padding:1em 2.1em;
}	
	input[type=submit]:hover,
	input[type=submit]:focus{
		cursor:pointer;
		background-color:#008fc1;
	}
	
h1{
	text-transform:uppercase;
}

h2,h3{
	margin-bottom:1em;	
	color:#41505e;
}

footer{
	background-color:#224368;
	margin-top:1em;
	color:white;
}