@font-face {
    font-family: 'bitstream_vera_serifroman';
    src: url('VeraSerif-webfont.eot');
    src: url('VeraSerif-webfont.eot?#iefix') format('embedded-opentype'),
         url('VeraSerif-webfont.woff') format('woff'),
         url('VeraSerif-webfont.ttf') format('truetype'),
         url('VeraSerif-webfont.svg#bitstream_vera_serifroman') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { 
	overflow-y: scroll;
}

body {
	display: flex;
	margin: 0 auto;
	min-width: 800px;
   font-family: 'bitstream_vera_serifroman', serif;
	background-color: white;
	color: #005500;
	padding-top: 15%;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

body,
.wrapper {
	margin: 2.5em auto;
}

header, nav, main, article, section, footer {
	display: block;
}

header {
	position: fixed;
   top: 0;
   border-top: 1em;
	left: 0em;
	width: 100%;
	padding: 1em;
	height: 16%;
   background: white;
   z-index: 9998;
  }


header img {
	
	padding-right: 4em;
	float: right;
	width: 38%;
	max-width: 100%
	height: auto;
}


nav {
   position: fixed;
	top: 0;
	left: 0;
	margin: 0;
   height: 100%;
  	width: 21%;
 	float: left;
 	padding-left: 2%;
 	z-index: 9991;
}

nav img {
	position: absolute;
   margin-left: 24%;
   -webkit-box-shadow: 0.625em 0.62em 0.313em 0 rgba(184,178,184,1);
   -moz-box-shadow: 0.625em 0.625em 0.313em 0 rgba(184,178,184,1);
   box-shadow: 0.625em 0.625em 0.313em 0 rgba(184,178,184,1);
   bottom: 10.5%; 
   width: 60%;
   max-width: 15em;
   height: auto;
}

main {
  	width: 53%;
  	font-size: 0.9em;
  	margin-left: 26%;
  	padding-bottom: 4em;
}

main img {
	 float: left; 
	 margin-right: 1.2em; 
	 margin-top: 0.3em; 
}

#image-wrapper {
   display: block;
   position: fixed;
	top: 0;
	left: 28%;
	margin: 0;
   height: 100%;
  	width: 42%;
 	float: left;
 	padding-left: 2%;
 	z-index: 9999; 
}

.photo {
	display: block;
	position: absolute;
	bottom: 10.5%;
	max-width: 100%;
   height: 30vw;
  }

main p {
   text-align: justify; 
   font-size: 1.2em;
}

article {
	font-family: 'bitstream_vera_serifroman';
   font-size: 0.9em;
	margin-right: 11em;
	line-height: 1.7em;
}

section {
	font-family: 'bitstream_vera_serifroman';
	line-height: 1.8em;
	margin-bottom: 4em;
}

section p {
	text-align: left !important;
	font-size: 1.1em;	
}

section h1 {
	font-size: 1.2em;
}

section h2 {
	font-size: 1.2em;
}

section h3 {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 1.2em;
   line-height: 0.5em;
   padding-bottom: 0;
   margin-top: 2em;
   margin-bottom: -0.5em;
}

section a:link, main a:visited, main a:active {
	font-family: 'bitstream_vera_serifroman', serif;
	text-decoration: none;
	color: black;
}


section a:hover {
	 color: red;
}

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	height: auto;
	width: 100%;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	background: white;
   z-index: 10001;
}

footer p {
	position: relative;
	display: block;
	top: -1em;
	align: center;
}


footer a:hover {
	color: red;
}

a:link {
 color: black;
 text-decoration: none;
}

a:visited {
 color: black;
 text-decoration: none;
}

a:hover {
 color: black;
 text-decoration: none;
}

a:active {
 color: black;
 text-decoration: none;
}

a.texts:link {
	color: #005500;  
}

a.texts:visited {
	color: #005500;  
}

a.texts:hover {
	color: red;  
}