html, body {
background-color:white;
color:black;
font-family: "Arial", "Helvetica Neue", sans-serif;
font-weight:100;
font-size:115%;
  margin: 0px;
  height: 100%;
}

#container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

header {
padding:0;
    width:100%;
 max-width:800px;
  margin:0px auto;
  background: blue;
  color:white;
  height: 160px;
  text-align: center;
  line-height: normal;
  
}

#stuff {
    max-width:800px;
margin:auto;
text-align:justify;
  padding: 5px;
  padding-left: 20px;
  flex: 1;
}

main {
  overflow: auto;
}

a.navr:link, a.navr:visited {float:right;text-decoration:none;padding-right: 20px;color:white;padding-bottom:5px;}

a.navl:link, a.navl:visited {float:left;text-decoration:none;padding-left: 20px;color:white;padding-bottom:5px;}

a.navc:link, a.navc:visited {text-decoration:none;color:white;padding-bottom:5px;}

a.navc:hover, a.navr:hover, a.navl:hover {text-decoration:underline;}

h2 {margin-top:0.1em; margin:0px;}

h4 {margin:0px;}

.imgl {
float:left;
padding-right:12px;
}

.imgr {
float:right;
padding-left:12px;
}

.imgrtop {
float:right;
padding-left:12px;
padding-top:1em;
}

.imgc {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.fixed-footer{
        bottom: 0;
        padding:0;
    width:100%;
 max-width:800px;
  margin:0px auto;
  background: blue;
  color:white;
  height: 50px;
  text-align: center;
  line-height: normal;
}