@media all {html {font-size: 23px;}}
@media all and (max-width:1000px){html {font-size: 23px;}}
@media all and (max-width:960px){html {font-size: 22px;}}
@media all and (max-width:920px){html {font-size: 21px;}}
@media all and (max-width:880px){html {font-size: 20px;}}
@media all and (max-width:840px){html {font-size: 19px;}}
@media all and (max-width:800px){html {font-size: 18px;}}
@media all and (max-width:760px){html {font-size: 17px;}}
@media all and (max-width:720px){html {font-size: 16px;}}
@media all and (max-width:680px){html {font-size: 15px;}}
@media all and (max-width:640px){html {font-size: 14px;}}
@media all and (max-width:600px){html {font-size: 13px;}}
@media all and (max-width:560px){html {font-size: 12px;}}
@media all and (max-width:520px){html {font-size: 11px;}}






















html {
  background: #A0A081;
  font-family: bradley;
  color: #333;
  font-feature-settings: "hlig" 1, "salt" 0;
  font-size: 62px;
  line-height: 1.1;
  text-align: justify;
  hanging-punctuation: first force-end last;
}

#doc {
  margin: 0 auto;

  padding-left:  1.5rem;
  padding-right: 1.5rem;

  max-width: 800px;

  text-rendering: optimizeLegibility;

  -webkit-font-smoothing: subpixel-antialiased;
}

div.top-bordered {
  margin-top: 0.25em;
  background: #fafafa;
  padding: 0.33em;
  border: double 18px #333;
}

span.abstract {
  font-family: bradley-header;
  text-transform: uppercase;
  font-weight: bold;
}

p.nav {
  text-align: center;
  color: #848463;
}

span.nav {
  font-family: bradley-header;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 36px;
}

p.nav a {
  color: #333;
}

p.nav a:hover {
  color: #848463;
}

span.parabreak { /* intentionally blank */ }

span.colorize {
  color: #AB3820;
}

span.drop-cap {
  font-family: bradley-initial;
  float: left;
  font-size: calc(1.98 * 62px);
  padding-right: 8px;
}

p, div.p, blockquote, li {
  margin-bottom: 0.8rem;
  line-height: 1.4;
}

p {
  margin: 0;
}


a, a:visited {
  color: #AB3820;
  transition: 0.15s all ease;
  text-decoration: none;
}

a:hover {
  color: #E8E8E8;
  opacity: 0.75;
}


.bolded  {
  font-weight: bold;
}

.lightened {
  font-opacity: 0.2;
}

.emphasized {
  font-style: italic;
}

.smallcaps {
  font-variant: small-caps;
}

dquo, dquo-pull {
  margin-left: -0.5em;
}

dquo-push {
  margin-left: 0.5em;
}

squo, squo-pull {
  margin-left: -0.25em;
}

squo-push {
  margin-left: 0.25em;
}