body {
 margin: 0pt;
 border: 0pt;
}

.header {
  padding: 10px 16px;
  background: #e6dca9;
  color: #f1f1f1;
  width: 100%;
  margin: 0pt;
  border: 0pt;
}

#logo-pic {
  height: 8em;
  padding-left: 1em;
  padding-top: 1em;
}

#logo-pic-no-title {
  display: none;
  height: 3.5em;
  padding-left: 1em;
  padding-top: 0.18em;
}


.holdOn #logo-pic {
  display: none;
}

.holdOn #logo-pic-no-title {
  display: inline;
}


#holdOnNot {
  position: absolute;
  top: 120px;
  font-size: large;
  font-style: oblique;
}

.header h1 {
  float: left;
  text-align: center;
  font-size: 60pt;
  margin: 0;
  padding: 0;
}

div.holdOn h1 {
  font-size: 30pt;
}

.header ul {
  float: right;
  background: #c6b976;
  color: #f1f1f1;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-right: 20px;

  border-radius: 0.5em;
}

.header ul li {
  float: left;
}

.header ul li a {
  display:block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

.header h1 a {
  text-decoration: none;
  color: white;
}


.content {
  margin: auto;
  max-width: 50em;
  width: 60vw;
  padding: 16px;
}

div#footer {
  padding: 16px;
}

.holdOn {
  position: fixed;
  top: 0;
  width: 100%
}

.holdOn + .content {
  padding-top: 102px;
} 


#overlay {
 position:fixed;
 width: 100%;
 height: 100%;
 background-color:rgba(0,0,0,0.5);
 z-index: 2;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
}

#overlay-close {
 position: absolute;
 right: 3%;
 top: 5%;
 color: white;
 background-color: black;
 border: 1em solid black;
 border-radius: 1.5em;
 line-height: 0;
 font-size: x-large;
}

#overlay-left {
 position: absolute;
 left: 3%;
 top: 50%;
 color: white;
 background-color: black;
 border: 1em solid black;
 border-radius: 1.5em;
 line-height: 0;
 font-size: x-large;
}

#overlay-right {
 position: absolute;
 right: 3%;
 top: 50%;
 color: white;
 background-color: black;
 border: 1em solid black;
 border-radius: 1.5em;
 line-height: 0;
 font-size: x-large;
}

#overlay-img {
 display:block;
 margin-left: auto;
 margin-right: auto;
 margin-top: 2.5vh;
 max-height: 90vh;
 max-width: 80vw;
 padding: 2.5%;
 padding-left: 10%;
 padding-right: 10%;
}