:root
{
	--nav-footer:		LightBlue;
	--thead:			#F0F0F0;
	--thead-alt:		PapayaWhip;
	--tr-li-hover:		Azure;
	--awesomplete-mark:	PowderBlue;
}

*
{
	margin:				0;
	padding:			0;
}

html
{
	background:			#333;
	height:				100%;
}

body
{
	background:			var(--nav-footer);
	color:				#333;
	font-family:		"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:			0.875rem;
	margin:				0 auto;
	min-height:			100%;
/*	width:				80%;*/
	width:				90%;
}

section
{
	background:			#FFF;
/*	padding:			10% 12%;*/
	padding:			8% 10%;
}

@media all and (max-width: 1440px)
{
	body    { width:    100%; }
/*	body    { width:    90%; }*/
	section { padding:  4% 6%; }
/*	section { padding:  8% 10%; }*/
}

@media all and (max-device-width: 800px)
{
	html					{ font-size:	2rem      }
	body					{ width:		100%;     }
	section					{ padding:		6% 8%;    }
	select,
	input[type='submit']	{ font-size:	x-large;  }
	input[type='radio' ]	{ transform:	scale(2); }
}

h1
{
	border-bottom:		2px solid #E5E5E5;
	font-size:			1.75rem;
	margin-bottom:		2rem;
	padding-bottom:		.1rem;.
}

h2
{
	border-top:			2px solid #E5E5E5;
	font-size:			1.5rem;
	margin-top:			2rem;
	padding-top:		2rem;
	text-align:			center;
}

h3
{
	font-size:			1rem;
	margin-top:			1rem;
}

a
{
	color:				#3366BB;
	cursor:				pointer;
	display:			inline-block;
	text-decoration:	none;
}

a:hover
{
	color:				#0645AD;
}

i
{
	font-size:			1.313rem;
	vertical-align:		-.25rem;
}

section ul
{
	list-style:			none;
	margin-top:			1rem;
}

footer
{
	background:			var(--nav-footer);
	padding:			3rem 0;
	text-align:			center;
}