@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* end print styles */

/* css reset */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  font-size: calc(1vw + 1vh + .5vmin);
}

html {
  max-width: 100%;
}

body {
  color: #444;
  font-family: "Vollkorn", georgia, serif;
  margin: 0 auto;
  max-width: 100%;
}

em {
  font-style: italic;
}

strong {
  font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: "Montserrat", sans-serif;
  text-transform: uppercase; */
  font-weight: inherit;
}


p {
  color: #555;
  height: auto;
}

a,
a:visited {
  color: #cc3300;
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  color: #8c2f00;
  text-decoration: underline;
}

ul,
ol {
  margin-bottom: 1.3rem;
}

li {
  margin-left: 2rem;
}

hr {
  clear: both;
  margin: 20px 0;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #efefef;
}

img {
  margin-bottom: 10px;
}

img,
canvas,
iframe,
video,
svg,
select,
textarea {
  max-width: 100%;
}

pre,
code {
  font-family: Menlo, Monaco, "Courier New", monospace;
}

pre {
  background-color: #fafafa;
  font-size: .8rem;
  overflow-x: scroll;
  margin: 0 auto 1.3rem;
  padding: 1.125em;
  max-width: 28rem;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

header {
  margin-bottom: 5px;
  padding: 15px 10px;
  background-color: #fafafa;
  overflow: hidden;
}

footer {
  margin-top: 50px;
  padding: 7px 10px 10px 10px;
  background-color: #fafafa;
  text-align: center;
}

ul.nav {
  list-style-type: none;
  float: right;
  margin: 0 10px 0 0;
}

ul.nav li,
ol.nav li {
  display: inline-block;
  margin: 0 1em 0 0;
}

img.full-width,
figure.captionjs img.full-width {
  width: 100vw !important;
  max-width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: 0 !important;
  margin-left: -10px;
  padding-left: 0 !important;
}

blockquote {
  border-width: 0px;
  border-left-style: solid;
  border-left-width: 10px;
  border-left-color: #ccc;
  padding-left: 20px;
}

blockquote p {
  /* font-size: 1.5rem; */
  font-style: italic;
  margin: 1rem auto 1rem;
  max-width: 48rem;
}

button {
  padding: 10px;
  margin: 0 10px 10px 0;
}

.container {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

.container p,
.container blockquote,
.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container ul,
.container ol,
.container section {
  max-width: 28rem;
  margin-right: auto;
  margin-left: auto;
}

table {
  max-width: 28rem;
  margin-right: auto;
  margin-left: auto;
}

/* Type Scale: 1.250 Major Third */
/* body {
  line-height: 1.6;
}

p {margin-bottom: 1.3em;}

h1, h2, h3, h4 {
  margin: 1.414em 0 0.25em;
  font-weight: inherit;
  line-height: 1;
}

h1 {
  margin-top: 0;
  font-size: 2.441em;
}

h2 {font-size: 1.953em;}

h3 {font-size: 1.563em;}

h4 {font-size: 1.25em;}

small {font-size: 0.8em;} */

/* end type scale */



/* Type Scale: 1.414 Augmented Fourth */
/* html {font-size: 1em;}

body {
  font-weight: 400;
  line-height: 1.45;
}

p {margin-bottom: 1.3em;}

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  font-size: 3.998em;
}

h2 {font-size: 2.827em;}

h3 {font-size: 1.999em;}

h4 {font-size: 1.414em;}

small {font-size: 0.707em;} */

/* end type scale */


/* Type Scale: 1.333 Perfect Fourth */

html {font-size: 1em;}

body {
  font-weight: 400;
  line-height: 1.45;
}

p {
  margin-bottom: 1.3em;
}

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
}

h1 {
  margin-top: 1em;
  font-size: 3.157em;
}

h2 {font-size: 2.369em;}

h3 {font-size: 1.777em;}

h4 {font-size: 1.333em;}

small {font-size: 0.75em;}

/* end type scale */

/* Small only */
@media screen and (max-width: 39.9375em) {
  .container {
    padding: 0 10px;
  }
}


header {
  border-bottom: 1px solid #ccc;
  padding:  0;
  text-align: center;
}
  #logo {
    max-width: 320px;
    margin: 0 auto -60px;
  }
  .logoLink {
    width: 100%;
    display: inline-block;
  }
  header a.nav {
    margin: 0 20px 0 20px;
  }
  .outlineA,.outlineD,.outlineE{fill:none;stroke:#cccccc;stroke-width:0.5;stroke-miterlimit:10;}