@font-face {
    font-family: 'Alex Brush';
    src:url(alexbrush.woff) format('woff'),
        url(alexbrush.svg#AlexBrushRegular) format('svg'),
        url(alexbrush.eot),
        url(alexbrush.eot?#iefix) format('embedded-opentype');
    font-weight: normal;
}
@font-face {
    font-family: 'Caslon Antique';
    src:url(casloni.woff) format('woff'),
        url(casloni.svg#CaslonAntiqueItalic) format('svg'),
        url(casloni.eot),
        url(casloni.eot?#iefix) format('embedded-opentype'); 
    font-weight: italic, oblique;
}
@font-face {
    font-family: 'Caslon Antique';
    src:url(caslon.woff) format('woff'),
        url(caslon.svg#CaslonAntique) format('svg'),
        url(caslon.eot),
        url(caslon.eot?#iefix) format('embedded-opentype');
    font-weight: normal;
}
@font-face {
    font-family: 'Constitution';
    src:url(constitution.woff) format('woff'),
        url(constitution.svg#ConstitutionLT-Regular) format('svg'),
        url(constitution.eot),
        url(constitution.eot?#iefix) format('embedded-opentype'); 
    font-weight: normal;
}
@font-face {
    font-family: 'Manuscript';
    src:url(manuscript.woff) format('woff'),
        url(manuscript.svg#Manuscript) format('svg'),
        url(manuscript.eot),
        url(manuscript.eot?#iefix) format('embedded-opentype'); 
    font-weight: normal;
}
@font-face {
    font-family: 'Uncial Antiqua';
    src:url(uncial.woff) format('woff'),
        url(uncial.svg#UncialAntiqua-Regular) format('svg'),
        url(uncial.eot),
        url(uncial.eot?#iefix) format('embedded-opentype'); 
    font-weight: normal;
}
a {color: saddlebrown; font-style: italic; text-decoration: none;}
body {
  background: url(background.jpg); 
  color: black;
  font-family: "serif"; 
  font-size: 16px;
  /* font-family: "Alex Brush"; */
  /* font-size: 32px; */
  text-align: center;
}
div {margin-bottom: 5px; padding: 5px; text-align: left;}
footer {clear: both; font-size: 80%; text-align: center;}
h1 {
  background: antiquewhite url(parchment.jpg); 
  display: table; 
  font-family: Manuscript;
  font-size: 64px;
  font-weight: normal;
  margin: 12px auto;
  padding: 0px 12px;
}
h2 {font-family: "Uncial Antiqua"; font-weight: normal; font-size: 40px; margin: 0px;}
h3 {font-family: "Uncial Antiqua"; font-weight: normal; font-size: 32px; margin: 0px;}
h4 {font-size: 100%; margin: 0px;}
span {font-style: italic;}
table {float: clear; font-family: xConstitution, sans-serif; margin: 16px 0px;}
th, td {padding: 0px 5px;}
ul {line-height:200%; list-style-type: none; padding: 0px; margin: 10px;}
.column {display: inline-block; margin: 0px; padding: 0px; vertical-align: top;}
.panel {background: antiquewhite url(parchment.jpg);  vertical-align: top; }
.right {display: inline; float: right;}
.center {text-align: center;}
.map {display: block; text-align: center;}
.border {border: 2px solid black; padding: 2px;}
.compact {margin: 16px 0px;}
.compact li {display: inline; margin-right: 8px;}
.small {font-size: 12px; max-width: 320px;}

@media (max-width: 480px) {
  h1 {font-size: 48px; margin: 6px auto; padding: 0px;}
  h2 {font-size: 24px;}
  h3 {font-size: 20px;}
  img {max-width: 290px;}
  .shrink {margin-top: 1em; width: 50%;}
}

@media (max-width: 320px) {
  h1 {font-size: 32px; margin: 6px auto; padding: 0px;}
  h2 {font-size: 24px;}
  h3 {font-size: 20px;}
  img {max-width: 290px;}
}