html {
   font-size: 12px;
   box-sizing: border-box;
}
article, body, div, figcaption, figure, footer, header, h1, h2, h3, img, nav, p {
   border: 0;
   padding: 0;
   margin: 0;
}

body {
   font-family: font-family: 'IBM Plex Mono', monospace;
   box-sizing: border-box;
}
header{
	font-family: Lato, Arial, Helvetica, sans-serif;
}
img {
	max-width: 100%;
	height: auto;
	width: auto;
	display: block;
}


/* global styles */
p {
   margin: 0.4em;
   font-size: 1.6em;
}
.indent{
	text-indent: 3em;
	font-size: 0.9em;
	font-style: italic;
	display: inline;
}
/* body and page container */
.container {
   max-width: 864px;
   margin: 0 auto;
   padding: 1%;
   position: relative;
   width: 100%;
  
}
 
/* header section */
.Header{
	height: 150px;
	width: 100%;
    padding: 1% 1% 1% 0%;
	z-index: 5;
	
}
.Header .bg{
	background: url("lines.png"); 
	opacity: .8;
	z-index: -1;
	width: 100%;
	height: 150px;
	position: absolute;
	max-width: 864px;

}
	
h1 {
   font-weight: 700;
   font-size: 4.5em;
   padding: 1% 0 0 5%;
}
header.backgroundimg{

}

/* site navigation */
nav.sitenavigation {
	width: 10%;
	padding: 2%;
	margin: 1% 1%;
	float: left;
	background-color: black;
	opacity: .82;
	position: relative;
	min-width: 60px;
}
nav.sitenavigation p {
	margin-top: 0px;
	text-shadow: 0 0 10px #5aea11, 0 0 15px #400080;
	font-size: 2em;
	font-family: Lato, Arial, Helvetica, sans-serif;
	margin: 0.4em 0;
}
nav.sitenavigation a:link {
   color: white;
   text-decoration: none;
}
nav.sitenavigation a:visited {
   color: #a2fffd;
}
nav.sitenavigation a:hover, nav.sitenavigation a:focus {
   color: violet;
   text-shadow: 1px -1px 0 #000000;
}

/* main content */
article {
   padding: 1% 1% 1% 5%;
   margin: 1% 0;
   text-align: left;
   background-color: rgba(255,255,255,.9);
   overflow: auto;  
}
body{
  background: url("back.png") repeat;
}
figure{
	float:right;
	width: 25%;
}
figcaption{
	float:left;
}

h2 {
   margin: 0 0 0.4em;
   font-size: 2.4em;
   font-weight: 700;
   color: darkgreen;
}
h3 {
	margin: 1.5em 0 .5em 0;
   font-size: 2em;
   font-weight: bold;
}

/* footer section */
footer {
	display: block;
	text-align: center;
   float: bottom;
   background-color: #ffdcfe;
   clear: both;
}

/* print styles */
@media print {
   .container, h1, h2, p {
      color: black;
      background-color: white;
   }
   nav {
      display: none;
   }
}
@page {
   margin: 1in;
}