body {
	background-color: white;
	color: #333333;
	font-family: 'Crimson Pro', serif;
  text-align: justify;
}

body article {
  -ms-word-break: break-all;
      word-break: break-all;

  /* Non standard for WebKit */
  word-break: break-word;

  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
}

.header {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 100px;
}

.header h1 {
	margin-top: 20px;
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	font-size:36px;
	font-family: 'Roboto Slab', serif;
	font-style: normal;
	font-weight: 700;
	line-height: 64px;
	color: #323232;	
}

.header h2 {
	max-width: 90%;
  margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	font-size:24px;
	font-family: 'Roboto Slab', serif;
	font-style: normal;
	font-weight: 700;
	line-height: 64px;
	color: #323232;	
}

.header h3 {
	margin-top: 10px;
	color: grey;
	font-size: 20px;
	font-family: 'Roboto Slab', serif;
	font-style: normal;
	color: #323232;
	font-weight: 300;
	letter-spacing: 1px;
}

.home_link {
	margin-top: 0;
	color: grey;
	font-size: 36px;
	font-family: 'Roboto Slab', serif;
	font-style: normal;
	color: grey;
	font-weight: 300;
	text-decoration: none;
}

.home_link:hover {
	color:cornflowerblue;
  background: whitesmoke;
}

.header h3 {
	font-size: 20px;
	color: grey;
	font-family: 'Roboto Slab', serif;
	font-style: normal;
	font-weight: 600;
	color: #323232;
	font-weight: 300;
	letter-spacing: 1px;
}

.body article {
	font-size: 19px;
	font-weight: 200;
	padding-left: 15px;
	padding-right: 15px;
	margin: auto;
	max-width: 600px;
	line-height: 28px;
}

hr {
	width: 66%;
	margin-top: 40px;
	margin-bottom: 40px;
}

li { 
	margin-left: -1.5em;
	margin-right: 0; 
  list-style-type: circle;
} 

p {
	color: #333333;
	font-style: normal;
	font-weight: 400;
}

p a:link, p a:visited {
	color: steelblue;
	text-decoration: none;
}

p a:hover {
	color:cornflowerblue;
	background-color: whitesmoke;
}

.invisible {
	visibility: hidden;
}

h3 a:link, h3 a:visited {
	text-decoration: none;
}

p code {
  font-size: 11pt;
	background: whitesmoke;
}

pre {
	padding: 16px;
	border-radius: 16px;
	background: #F8F8F8;
	color: black;
	font-family: Consolas, Monaco,"Lucida Console"; 
}

.footer a:link, .footer a:visited {
	color: #333;
	text-decoration: none;
}

.footer a:hover {
	color: cornflowerblue;
  background: whitesmoke;
}

.footer hr {
	margin-left: 0;
	width: 100%;
	margin-top: 80px;
	margin-bottom: 30px;
}

.footer {
	padding-left: 15px;
	padding-right: 15px;
	margin: auto;
	max-width: 600px;
	padding: 0 0 0 0;
	font-size: 16px;
	line-height: 30px;
}

.footer a {
	margin-left: 16px;
	padding: 0 0 0 0;
	font-size: 16px;
	line-height: 30px;
}

.footnotes li {
  list-style-type: decimal;
}