/* MAIN: Body HOME ONLY */
#mainBodyEntrance {}
#mainBodyEntrance {font-family: 'Roboto Mono', monospace;}
	#mainBodyEntrance .outer {}
		#mainBodyEntrance .inner {color: #2d3b7c; padding: 45px 0; text-align: center;}
			#mainBodyEntrance .inner .logo {display: none;}
			#mainBodyEntrance .inner .logo img {width: 100%; max-width: 225px;}
			#mainBodyEntrance .inner p {}
			#mainBodyEntrance .inner p.protip {font-style: italic; padding: 5px 20px; font-size: 90%;}

/*  response  */
@media screen and (min-width: 1200px) {

}

.subHeading {margin-bottom: 20px;}
.block {margin-bottom: 20px; }

#escort-policy #mainBody ul ul {margin-top: 0; margin-bottom: 0;}
#escort-policy #mainBody ol ul {margin-top: 0; margin-bottom: 0;}
#escort-policy #mainBody ul ul ul {margin-top: 0;}
#escort-policy #mainBody ul li {padding: 5px 0;}

/* checkbox and radio combined */
input[type=radio],
input[type=checkbox] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

input[type=radio] ~ label:before,
input[type=checkbox] ~ label:before {
	font-family: FontAwesome;
	display: inline-block;
	content: "\f1db";
	letter-spacing: 10px;
	font-size: 1.2em;
	color: #2d3b7c;
	width: 1.4em;
}

input[type=radio]:checked ~ label:before,
input[type=checkbox]:checked ~ label:before  {
	content: "\f00c";
	font-size: 1.2em;
	color: #2d3b7c;
	letter-spacing: 5px;
}
input[type=checkbox] ~ label:before {
	content: "\f096";
}
input[type=checkbox]:checked ~ label:before {
	content: "\f046";
	color: #2d3b7c;
}
input[type=radio]:focus ~ label:before,
input[type=checkbox]:focus ~ label:before,
input[type=radio]:focus ~ label,
input[type=checkbox]:focus ~ label
{
	color: #2d3b7c;
}

.checklist {margin: 0 auto; padding: 0 20px 20px 20px; border: 2px solid #eee;}
.checklist .formblock { margin: 20px 0; padding: 20px 0; border-bottom: 1px solid #000;}
	.checklist .formblock .agentname {}
		.checklist .formblock .agentname label {display: block;}
		.checklist .formblock .agentname input {width: 180px;}
	.checklist .formblock .kitnumber {}
		.checklist .formblock .kitnumber label {display: block;}
		.checklist .formblock .kitnumber input {width: 180px;}
	.checklist .formblock .kitdate {}
		.checklist .formblock .kitdate label {display: block;}
		.checklist .formblock .kitdate input {width: 180px;}
/*  response  */
@media screen and (min-width: 1200px) {
.checklist .formblock {display: flex; justify-content: space-between; flex-wrap: wrap;}
}



/* Mobile first queries */

/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}



/* default */
#sTemplate {}
#sTemplate .inner {padding: 30px 20px;}

/*  response  */
@media screen and (min-width: 960px) {
	#sTemplate .inner {padding: 30px 0px;}

}

/* respond */
@media screen and (min-width: 480px) {body: background: tan;}/* ===== == = === 30em (480px) === = == ===== */
@media screen and (min-width: 600px) {body: background: tomato;}/* ===== == = === 37.5em (600px) === = == ===== */
@media screen and (min-width: 768px) {body: background: brown;}/* ===== == = === 48em (768px) === = == ===== */
@media screen and (min-width: 1024px) {body: background: gray;}