html, body		{ margin: 0; 
			  height: 100%; }
body 			{ background-color: #464646;
			  font-family: "Fira Sans", sans-serif;
			  font-size: 13pt;
			  font-weight: 300;
			  margin-left: auto;
			  margin-right: auto;
			  width: 70%; }
h1			{ font-size: 92pt; 
			  font-weight: normal;
			  letter-spacing: 3pt;
			  line-height: 100%;
			  text-shadow: 0 0 2px #aaa;
			  color: #000;
			  margin: 0; }
h2			{ font-weight: 400; }
h3			{ font-weight: 400; 
			  font-size: 13pt; }
h1 i			{ color: #fff; 
			  font-style: italic;
			  font-variant: normal;
			  font-size: 70pt;
			  text-shadow: 0 0 1px #000; }
header			{ text-align: center; 
			  padding-top: 72pt;
			  padding-bottom: 48pt;
			  font-variant: small-caps;
			  font-size: 16pt;
			  color: #fee; }
header .icon		{ font-size: 14pt; }
body > nav		{ text-align: left; 
			  padding-top: 24pt;
			  font-size: 12pt;
			  color: #ddd; }
body > nav span		{ color: #fee; }
a			{ text-decoration: none; 
			  border-bottom: thin transparent;
			  color: orange; }
a:hover			{ color: orange; 
			  border-bottom: thin solid orange; }
a.img:hover		{ border-bottom: thin transparent; }
article			{ color: #fff; 
			  font-size: 16pt;
			  line-height: 22pt; }
.attn			{ margin-top: 4rem; 
			  border: 2px solid orange;
			  border-radius: 18pt;
			  background-color: rgba(255, 255, 255, 0.03); 
			  box-shadow: 0 0 4px #666;
			  padding: 0 2rem;
			  font-weight: 400; }
			  
h2			{ padding-top: 24pt; }
section			{ line-height: 18pt;
			  margin-top: 36pt;
			  font-size: 13pt; }
.attn section		{ margin-top: 1.1em; }
.path			{ font-style: italic; }
.name			{ font-style: italic;
			  color: #fff; }
footer			{ color: #888;
			  text-align: center; 
			  padding-top: 24pt;
			  padding-bottom: 12pt;
			  font-size: 11pt; }
footer a		{ color: #ccc; }
footer a:hover		{ color: #fff; }
footer img		{ margin-bottom: -5px; 
			  margin-left: 8pt; }
figure			{ text-align: center; 
			  padding-bottom: 12pt;
			  margin: 0;
			  padding-top: 12pt; }
ol			{ color: red; }
ol span			{ color: #fee; }
code			{ font-family: "Fira Mono", monospace; }
dt			{ font-style: italic; }
nav[data-sblg-nav] ul	{ list-style-type: none; 
			  margin: 0;
			  padding: 0; }
nav[data-sblg-nav] i	{ font-size: 12pt; }
nav[data-sblg-nav] li + li
			{ margin-top: 1.75em; }
header nav		{ display: inline-block; }
header div > span + span	
			{ border-left: thin solid #aaa; 
			  margin-left: 8pt;
			  padding-left: 12pt; }
header div > span:last-child	
			{ color: #aaa; 
			  font-variant: normal;
			  font-size: 15pt; }
header .historylink	{ font-size: 12pt; }
.red			{ color: red; }
.blue			{ color: #8888ff; }
.orange			{ color: orange; }

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
body			{ width: 98%; }
h1			{ font-size: 30pt; }
h1 i			{ font-size: 24pt; }
header			{ font-size: 12pt; 
			  padding-top: 1em;
			  padding-bottom: 1em; }
header div > span 	{ display: block; }
header div > span:last-child	
			{ font-size: inherit; }
header div > span + span	
			{ border-left: none; }
.smallhide		{ display: none; }
body > nav		{ font-size: 11pt; }
article			{ font-size: 12pt; 
			  line-height: normal; }
figure img		{ width: 100%; }
h2, h3			{ font-size: 12pt; }
h2			{ padding-top: 0; }
}