body {
  font: normal 13pt/1.65 'Roboto Mono', monospace;
  background-color: #ffffdb;
  color: #363636;
margin:0;
  }
header {
  display:none
}
#table-of-contents-summary {
  display:none
}
#container {
   margin:3% 7%;  
}
#text {
   display:column;
  column-count:2; 
  column-gap:7%;
}    
h2 {
  font-weight: bold;
  font-size:25pt;
  margin-top:0;
}
hr {
  margin: 1.25em 0 1em 0;
  width:100%;
  color:#ccc;
}
h3 {
  margin: 1em 0 1em 0;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1.5px;
}
h4 {
  font-weight: normal;
  font-weight: bold;
  margin-bottom: 2em;
}
h3, h4 {
  font-size: 14pt;
}
blockquote {
  margin: -.7em 0 0 1em;
  max-width: 40em;

}
a {
  color: #016973;
}
ul {
  list-style: none;
  text-indent: -.5em;
  padding-left: 1.5em;
  margin-bottom: 1.5em;
  max-width: 40em;
}
p {
  break-inside: avoid;
}
a[href^="mailto:"] {
    white-space: nowrap;
}

@media only all and (max-width: 900px) {
#text {
    column-count:1;
}
#container {
	margin: 3% 6%
}
   h2 {
    font-size: 20pt;
    line-height: 1.7;
    width: 91%;
  }
  h3 {
    font-size: 13pt;
  }
   blockquote {
    margin: -.5em 0 0 .5em;
  }
  .highlight {
    max-width: 95%;
  }
}