body {
  background-color: #e4f0f5;
}
/* New Nav Bar */
nav {
  background-color: white;
}
a.FAQLi, a.FAQLi:visited {
  color: #4eb5e5;
}
@media only screen and (max-width: 414px){
  #myFlex {
    flex-direction: column; 
    align-items: center; 
    }
    #logo {
      display: flex;
      padding: 5px 0px 0px 0px;
    }
    nav ul li {
      display: none;
      background-color: #4eb5e5;
      width: 100px;
      z-index: 1;
      padding: 12px 10px 3px 10px;
    }
    #nav ul li a {
      background-color: #4eb5e5;
      color: #2c3e50;
    }
    nav ul li a{
      padding: 5px 25px 5px 13px;
      border-radius: 5px;
    }
    nav ul li a:hover{
      color: white;
      background-color: #2c3e50;
    }
    #nav ul li a:hover{
      color: red;
    }
    /* a.FAQLi:hover {
      color: red;
      background-color: #2c3e50;
    } */

}
/* End New Nav Bar */

#jumbotron {
  background-color: #6dc4ec;
  color: white;
}
.jumboMain {
  top: 10vh;
  position: relative;
  font-family: 'Bubblegum Sans', cursive;
  text-align: center;
  text-transform: uppercase;
  color: white;
  text-shadow: 1px 1px 1px #fff;
}
.FAQBody{
  color: #2c3e50;
  margin-left: 5vh;
  margin-right: 3vh; 
}
.question {
  /* margin-left: 5vh; */
  margin-top: 2.5vh;
  font-size: 1.5em;
  font-weight: bold;
}
.answer {
  margin-left: 3vh;
  padding-left: 5vh;
  margin-top: 1.5vh;
  font-size: 1.3em;
}
@media only screen and (max-width: 597){
  .FAQBody{
    margin-left: 5vh;
    margin-right: 5vh;
  }
}
@media only screen and (min-width: 597px) {
  .FAQBody{
    width: 550px;
  }
}
@media only screen and (min-width: 790px) {
  .FAQBody{
    margin-left: 10vh;
  }
}

.question {
  margin-top: 2.5vh;
  font-size: 1.5em;
  font-weight: bold;
}
.answer {
  padding-left: 5vh;
  margin-top: 1.5vh;
  font-size: 1.3em;
}
.source {
  font-size: 1.1em;
}
.sources {
  font-size: 1.2em;
}
ol li {
  margin-top: 1vh;
  margin-left: 5vh;
  list-style-type: decimal;
}
a.citation {
  color: #1578a7;
}