@font-face {
	font-family: eras light itc;
	src: url(../../images/eraslight.ttf);
}
@font-face {
	font-family: hath;
	src: url(../../images/hathaway.otf);
}
@font-face {
	font-family: arista;
	src: url(../../images/arista-pro-hairline.ttf);
}
@font-face {
	font-family: avantage;
	src: url(../../images/avantagesmall-normal.ttf);
}
@font-face {
	font-family: callig;
	src: url(../../images/kunstler.ttf);
}
body {
	background: radial-gradient(at 18% 99%, rgb(0, 0, 8) 0px, transparent 50%) repeat scroll 0% 0%, 
		radial-gradient(at 97% 8%, rgb(0, 8, 0) 0px, transparent 50%) repeat scroll 0% 0%, 
		radial-gradient(at 89% 92%, rgb(0, 0, 40) 0px, transparent 50%) repeat scroll 0% 0%,
		radial-gradient(at 96% 10%, rgb(0, 50, 150) 0px, transparent 50%) repeat scroll 0% 0%,    
		radial-gradient(at 42% 20%, rgb(8, 0, 0) 0px, transparent 50%) repeat scroll 0% 0%,
		radial-gradient(at 4% 49%, rgb(25, 0, 25) 0px, transparent 50%) repeat scroll 0% 0%, rgba(0, 0, 0, 0) 
		radial-gradient(at 57% 33%, rgb(100, 0, 0) 0px, #004 50%) repeat scroll 0% 0%;
	background-attachment: fixed;
	background-color: #000;
	margin: 0px;
	color: #fff;
	font-family: avantage;
}
p {
//	font-size: calc(78px - 2.5vw);
//	font-size: calc(2.5vh + 2.5vw);
//	text-indent: 60px;
	font-size: 16pt;
}
a:link {
	color: #aaf;
	text-decoration: none;
}
a:visited {
	color: #afa;
	text-decoration: none;
}
a:hover {
	color: #a36;
	text-decoration: underline;
}
h1 {
	font-size: 47pt;
	color: #fff;
	font-family: hath, calligrapher, signature, aladdin, mistral, mistral av, arial, verdana;
	cursor: default;
	text-shadow: 0px 0px 0px #000;
	text-align: center;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	transition: all 5s ease;
}
h1.active {
	font-size: 55pt;
	text-shadow: 7px 7px 7px #aaa;
}
h1 .wee {
	font-size:1px;
}
h2 {
	font-family: calligrapher, signature, aladdin, mistral, mistral av, arial, verdana;
	font-size: 35pt;
	text-align: center;
}
h3 {
	font-family: eras light itc;
	font-size: 24pt;
	font-weight: 700;
	text-align: center;
}
h3::after {
	// content: "___________";
}
h4, h5, h6 {
	font-family: eras light itc;
	font-weight: 1;
}
h4 {
	font-size: 22pt;
}
h5 {
	font-size: 20pt;
}
h6 {
	font-size: 18pt;
}

.fine_print p {
	font-size: 10pt;
	text-align: center;
	text-indent: 0;
}
#splash {
	text-align: center;
}
#splash .splash_panel {
	border-top: solid 10px #ccc;
	border-right: solid 10px #777;
	border-bottom: solid 10px #777;
	border-left: solid 10px #ccc;
	margin: 25px;
	display: inline-block;
	padding: 10px;
	max-width: 285px;
	cursor: pointer;
	transition: all 0.5s ease;
}
#splash .splash_panel:hover {
	background: rgba(255,255,255,.15);
	transform: scale(1.15);
}


#splash .splash_panel h2 {
	font-family: hath;
	font-weight: normal;
	font-size: 30pt;
}
#splash .splash_panel h3 {
	font-family: arista;
}
#splash .splash_panel p {
	font-family: avantage;
}









#about #title {
	font-size: 50pt;
	color: #fff;
	font-family: hath, calligrapher, signature, aladdin, mistral, mistral av, arial, verdana;
	cursor: default;
	text-shadow: 0px 0px 0px #000;
//	text-align:center;
	margin-right: 50%;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	transition: all 2s 1s ease;
}
#about #title.active {
	font-size: 14pt;
	text-shadow: 3px 3px 3px #999;
}
#about hr {
	height: 1px;
	border: none;
	color: #fff;
	background-color: #fff;
	margin-left: 0px;
	width: 0%;
//	transition: width 2s, ease;
//	transition: height 2s, ease;
	transition: width 1.5s 3s ease-out, height 2s 5s;
	transition-delay: height, 2s;
}
#about hr.active {
	width: 100%;
	height: 10px;
}