
*{
	font-family:lato,sans-serif;
}

body{
	max-width:100%;
	padding:0;
	margin:0;
}

html{
	max-width:100%;
}

div{
max-width:100%;	
}

img{
	max-width:100%;
}

a{
	color:black;
	text-decoration:none;
}

body{
	background-color:white;
	color:black;
	margin:0;
	padding:0;
}

.banners{
	margin:0;
	padding:0;
}

div.banner{
	background-color:#eee;
	border:1px #888 solid;
	border-radius:1em;
	padding:5%;
	list-style:none;
	margin:2em 0;
	overflow:auto;
}

main.content{
	padding-top:0;
	overflow:auto;
	background-color:#dad3c4;
	color:black;
}

h1{
	line-height:1.2em;
	margin-top:0;

}


@media screen and (max-width:399.9999px){	header{font-size:.8em;}	}
@media screen and (min-width:400px){		header{font-size:.9em;}	}
@media screen and (min-width:500px){		header{font-size:1em;}	}
@media screen and (min-width:850px){		header{font-size:1.1em;}}
@media screen and (min-width:1000px){		header{font-size:1.2em;}}
@media screen and (min-width:1300px){		header{font-size:1.2em;}}
@media screen and (min-width:1600px){		header{font-size:1.2em;}}
@media screen and (min-width:2000px){		header{font-size:1.2em;}}


@media screen and (max-width:399.9999px){	main{font-size:.95em;}	}
@media screen and (min-width:400px){		main{font-size:1em;}	}
@media screen and (min-width:500px){		main{font-size:1.07em;}	}
@media screen and (min-width:600px){		main{font-size:1.15em;}	}
@media screen and (min-width:700px){		main{font-size:1.25em;}	}
@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.65em;}	}
@media screen and (min-width:1300px){		main{font-size:1.8em;}	}
@media screen and (min-width:1500px){		main{font-size:1.85em;}	}
@media screen and (min-width:1700px){		main{font-size:1.85em;}	}

@media screen and (max-width:399.9999px){	footer{font-size:.95em;}	}
@media screen and (min-width:400px){		footer{font-size:1em;}	}
@media screen and (min-width:500px){		footer{font-size:1.07em;}	}
@media screen and (min-width:600px){		footer{font-size:1.15em;}	}
@media screen and (min-width:700px){		footer{font-size:1.25em;}	}
@media screen and (min-width:800px){		footer{font-size:1.36em;}	}
@media screen and (min-width:900px){		footer{font-size:1.45em;}	}
@media screen and (min-width:1100px){		footer{font-size:1.45em;}	}
@media screen and (min-width:1300px){		footer{font-size:1.45em;}	}
@media screen and (min-width:1500px){		footer{font-size:1.45em;}	}
@media screen and (min-width:1700px){		footer{font-size:1.45em;}	}



@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:1000px){		input[type=checkbox]{transform: scale(1);}	}
@media screen and (min-width:1100px){		input[type=checkbox]{transform: scale(1.1);}	}
@media screen and (min-width:1300px){		input[type=checkbox]{transform: scale(1.15);}	}
@media screen and (min-width:1500px){		input[type=checkbox]{transform: scale(1.2);}	}
@media screen and (min-width:1700px){		input[type=checkbox]{transform: scale(1.2);}	}




.header,.header2{
	text-align:center;
}

.header{
	background-color:white;
	border-bottom:.2em white solid;
}

.header_main{
	padding:2% 4% 0% 4%;
	overflow:auto;
}

@media screen and (min-width:680px){
	
	/*
	.header{
		padding-right:12em;
	}
	*/
}

.header_pre{
	min-height:.75em;
	background-color:#beaf86;
}

.header .text1{
	font-weight:normal;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:.8em;
	width:24.5em;
	max-width:80%;
}

.header2{
	font-size:1.4em;
	padding:.7em 2em;
	clear:both;
	overflow:auto;
	margin-top:.4em;
	background-color:#beaf86;
}

.header2 .text{
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.1em;
}

.logo{
	font-size:1em;
	display:block;
	float:none;
	text-align:center;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:1em;
}

.logo img{
	text-align:center;
	max-width:6em;
}

@media screen and (min-width:680px){
	
	header .logo{
		text-align:left;
		width:5em;
		margin:0 3% 0 0;
		float:left;
	}
	
	.logo img{
		text-align:left;
		max-width:100%;
	}
	
	header .text1 img{
		margin-top:.5em;
	}
}


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:1.5em;
}

header .social a{
	width:1.4em;
	display:block;
	float:right;
	margin-left:.7em;
}

header .social a img{
	width:100%;
	opacity:.8;
}

/*
.main_text{
	
	background-image:
		linear-gradient(
			to right, 
			rgba(255,255,255,.8), 
			rgba(255,255,255,0)
		);
		
	font-size:1.2em;
	padding:5%;
	font-weight:bold;
	text-shadow:
	1px 1px 0px rgba(255, 255, 255, 1),
	.1em .1em 4.5em rgba(255, 255, 255, 1),
	.1em .1em 1.5em rgba(255, 255, 255, .8);
}
*/

main.content .adj{
	overflow:auto;
	padding-bottom:2em;
	background-image:
		linear-gradient(
			115deg, 
			rgba(255,255,255,.65), 
			rgba(255,255,255,.1),
			rgba(255,255,255,0),
			rgba(255,255,255,0)
		);
}	
	main.content{
		padding-bottom:0;
	}
	
.main_text{
	font-size:1.2em;
	padding:5%;
	font-weight:bold;
	text-shadow:
		1px 1px 0px rgba(255, 255, 255, 1),
		.1em .1em 4.5em rgba(255, 255, 255, 1),
		.1em .1em 1.5em rgba(255, 255, 255, .8)
	;
	background-image:
		linear-gradient(
			to right, 
			rgba(255,255,255,.7), 
			rgba(255,255,255,.5)
		);
}

.main_text h1{
	font-size:1.5em;
	font-weight:bold;
}

.main_text li{
	line-height:1.3em;
	margin-bottom:.7em;
	margin-left:1.5em;
	padding-left:0;
}

.form{
	padding:2.5em;
	max-width:30em;
	margin:2em auto 5em auto;
	background-color:rgba(255,255,255,.8);
	border-radius:.5em;
}


.rfi_form h2{
	margin-top:0;
}

input[type=submit]{
	font-size:1.2em;
	padding:.6em 2em;
}
input[type=submit]:hover,
input[type=submit]:focus{
	cursor:pointer;
	background-color:#203154;
	color:white;
}

@media screen and (min-width:1000px){
	
	.main_text{
		float:left;
		width:48%;
		font-size:.75em;
		background-image:
			linear-gradient(
				135deg,
				rgba(255,255,255,.7), 
				rgba(255,255,255,0),
				rgba(255,255,255,0)
			);
	}
	.rfi_form{
		margin-top:5em;
		width:38%;
		float:right;
		max-width:32em;
		margin-right:3%;
		margin-left:2%;
		font-size:.65em;
		padding-left:2.5em;
		padding-right:2.5em;
	}
}

@media screen and (min-width:1400px){.main_text{font-size:.8em}}	
@media screen and (min-width:1600px){.main_text{font-size:.8em}}	
@media screen and (min-width:1800px){.main_text{font-size:.8em}}	
	

.rfi_form h2{
	border-bottom:.2em #beaf86 solid;
	padding-bottom:.3em;
}

li{
	line-height:1.45em;
}

div.pair{
	overflow:auto;
	margin:1em 0;
}

div.checkbox{
	margin-bottom:.3em;
}

.pair label{
	display:block;
	font-weight:bold;
	padding:.3em 0;
}

.pair input{
	display:block;
	padding:.3em;
	background-color:white;
}

@media screen and (min-width:500px){
	
	.pair label{
		float:left;
		width:30%;
		padding-right:.5em;
	}
	.pair input{
		width:69%;
		float:left;
	}
}

@media screen and (min-width:1400px){
	.pair label{
		width:26%;
		padding-right:.5em;
	}
	.pair input{
		width:73%;
	}
}



ul.checkboxes li{
	margin-bottom:.3em;
}

.submit_button{
	margin:1em 0;
	font-weight:bold;
	overflow:auto;
}

.submit_button input{
	display:block;
	font-weight:bold;
	padding:.4em .8em;
}

.sec{
	overflow:auto;
	margin:.5em 0;
}

footer{
	padding:2.5em 2.5em;
	background-color:#beaf86;
	border-top:.2em white solid;
	clear:both;
	color:black;
	overflow:auto;	
}

footer p a{
	text-decoration:underline;
}

footer p a:hover, footer p a:focus{
	color:#035;
}

footer .logo{
	float:right;
	width:3em;
}


.alert{
	background-color:#ffffd7; 
	border:1px solid yellow; 
	padding:1em 1.5em;
}


