@charset "utf-8";
/* CSS Document */
* {
  color: #a2b0c0;
  background-color: #061d40;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
p{
    text-align: left;
}
.head img{
    max-width: 100%;
    height: auto;
    margin-bottom: -3em;
}
.main{
    padding: 0.5em;
}
em{
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    color: #84A9DF;
    font-size: 1.25em;
}
a {
  color: #1098A8;
  font-weight: 700;
}
a:visited {
  color: #5D7580;
}
a:hover {
  color: #E55720;
  background-color: #071121;
}
/* NAVIGATION BEGIN */
#nav {
  position: fixed;
  top: 82vh;
  left: 50vw;
  transform: translateX(-50%);
}
.navbar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.navbar li {
  float: none;
  padding: 2px 12px;
  position: relative;
  text-align: center;
}
.navbar a {
  color: #f8f6e8;
  text-decoration: none;
  padding: 9px;
  text-align: center;
  display: flex;
  border-radius: 21px;
  flex-direction: column;
  align-items: center;
  transition: background-color 0.45s ease-in-out, color 0.45s ease-in-out;
}
.navbar a:hover {
  /*background-color: #094270;*/
  color: #ffcf40;
}
.navbar a img {
  transition: opacity 0.45s;
}
.navbar a:hover img {
  opacity: 1;
}

/* NAVIGATION END */

.head, .main, #footer{    
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px auto;
  padding: 20px;
  width: 100%;
  max-width: 960px;
  text-align: center;
  box-sizing: border-box;
}

ol{
    text-align: left;
}
#ed, .subhead{
    margin-top: 2em;
}
.para{
    margin: 1em 0;
}
.footer{
    margin-top: 6em;
    max-width: 960px;
}
@media (max-width: 768px) {
  .navbar ul {
    flex-direction: column;
    text-align: center;
    padding: 5px 0;
  }
  .navbar li {
    /*width: 100%;*/
    text-align: center;
    padding: 1px;
  }
  .main {
    width: 98%;
    padding: 0px;
  }
  .main h1, .main h2 {
    font-size: 1.5em;
  }
}
#footer {
  margin-top: 7%;
  margin-bottom: 76px;
  text-align: center;
}/*
#nav {
  position: sticky;
  top: 78vh;
  left: 50vw;
  transform: translateX(-50%);
}*/