/*
 background: #931420
*/

html {
  color: #222;
  font-size: 1.05em;
  font-family: 'Ainslie', Verdana, sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: #F9F9F9;
}

p {
  color: #222;
  background-color: #F9F9F9;
}
.lightbox { display: none; }

#tfrm {
	width: 15vw;
	position: relative;
	float: right;
	margin-left: 1vw;
	min-width: 10em;
}
#tfrm h4, #tfrm a {
	margin-top: 0;
	color: white;
}
#tfrm div {
	text-align: center;
	padding: 2em 2em;
	background-color: #004063;
}
#tfrm label {
	color: #FFF;	
}
#tfrm p {
	color: #FFC;
	background-color: inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}
#tfrm input {
	max-width: 10vw;
	min-width: 6em;
	margin-bottom: .5em;
}
/* normalize.css */
main { display: block; }
hr { box-sizing: content-box; height: 0; overflow: visible; display: block; height: 1px; border: 0; border-top: 1px solid #ccc;  margin: 1em 0; padding: 0; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
strong { font-weight: bolder; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
textarea { overflow: auto; resize: vertical; }

a { background-color: transparent; color: #931420; }
a:hover { background: #FFA; }

h1,h2,h3,h4 {
  color: #931420;	
  line-height: 1.1;
  margin-top: 0.4em;
}
h1 {
  font-size: 2.5em;
  margin: 0.4em 0;
}
h2 { font-size: 2.1em; }
h3 { font-size: 1.7em; }
h4 { font-size: 1.4em; }
@media only screen and (max-width: 420px) {
	h1 { font-size: 1.8em; }
	h2 { font-size: 1.6em; }
	h3 { font-size: 1.4em; }
	h4 { font-size: 1.2em; }
}

#ctb {
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 99;
	beackground: linear-gradient( to bottom left, rgba(255, 0, 0, 0), white);
}
#ctb a {
	display: block;
	padding: 1vw;
	margin: 1vw;
	color: #FFF;
	font-size: 125%;
	font-weight: bolder;
	border: 2px solid #eae6dc;	
	background-color:  #004063;
	-webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.5);
	cursor: pointer;
	transition: border 0.5s ease;
	transition: font-size 0.5s ease;
	transition: box-shadow 0.5s ease;
	text-decoration: none;
}
#ctb a:hover {
	border: 6px solid #fff;
	-webkit-box-shadow: 5px 9px 11px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 9px 11px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 9px 11px 0px rgba(0,0,0,0.5);
}
#ctb.hidden {
	display: none;
}
.fwpic {
	display: block;
	height: 33vw;
}
.fwpic img {
	width: 100%;
	height: 100%;
	aspect-ratio: 1800 / 600;
}

.mw, #yt, #wy, #hta {
	margin: 0 auto;
	padding: 0 .3em;
	max-width: 42em;
}

@media only screen and (min-width: 421px) and (max-width: 800px) { .mw { padding: 0 .6em; } }
@media only screen and (min-width: 801px) and (max-width: 1200px) { .mw { padding: 0 .9em; } }
@media only screen and (min-width: 1201px) { .mw { padding: 0 1.2em; } }

.fw, #bx {
	padding: .3em;
}
.fw img {
	padding: -3.em;
}
.rdbox {
	background: #931420;
	color: #FFF;
}
.rdbox h2, .rdbox h3 {
	color: #FFF;
}
.rdbox a {
	color: white;
	text-decoration: none;
}
.rdbox a:hover {
	background: none;
	text-decoration: underline;
}

/* Thumbnails */
.thmb, .rthmb {
	border: 1px solid #BBB;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}
.rthmb {
	float: right;
	margin: .6em 0 .6em .6em;
	clear: right;

}
.thmb {
	margin: .4em;
}