/*Style the body of the website*/
body
{
  margin: 0;
  padding: 0;
  background: #FFEFD5;
  font-family: "Avenir Next", "Avenir", sans-serif;
}

/*Style the updated date text*/
#updated {
    position: absolute;
    top: 0px;
    padding-left: 10px;
    color: #000000;
    font-size: 14px;
}

/*Style the title of the webpage*/
#title {
    color: #000080;
    font-family: Arial, Helvetica;
    font-weight: bold;
    font-size: 28px;
    margin: 0px;
    margin-top: 10px;
}

/*Style paragraghs with class larger-text*/
.larger-text {
    font-size: 18px;
    font-weight: bold;
    max-width: 625px;
}

/*Style paragraghs with class bold*/
.bold {
   font-weight: bold;
}

/*artificially making the main page taller so clicking on 
main page below content can still make hamburger close*/
#main-page {
    min-height: 1700px;
}

/* make sure page title does not overlap hamburger menu*/
@media only screen and (max-width: 640px) {
    #title {
        padding-left: min(110px);
     }
}