body {
    background-image: url("/images/background.png");
    margin-left: 10%;
    margin-right: 10%;
}

h1, h2, h3, h4 {
    margin-top:         .2em;            
    margin-bottom:      .2em;
    font-family:        MrJeeves;
    font-weight:        800;
    color:              #58180D;
}

a:link {
    color: #58180D;
    text-decoration: underline;
}

a:visited {
    color: #58180D;
    text-decoration: underline;
}

a:link:active {
    color: #58180D;
}
	
a:visited:active {
    color: #58180D;
}

h1 {
    column-span:        all;                
    font-size:          .987cm;
    -webkit-column-span:all;
    -moz-column-span:   all;
    text-align: center;
}

h2 {
    font-size:          .705cm;   
}

h3 {
    font-size:          .529cm;
    border-bottom:      2px solid #c9ad6a
}

h4 {
    margin-bottom:      0;
    font-size:          .458cm
}

h5 {
    margin-bottom:      .2em;               
    font-family:        ScalySansSmallCaps;
    font-size:          .423cm;
    font-weight:        900
}

h6 {}

p {
    line-height:        1.3em;
}

p+p {
    margin-top:         -0.8em;
}

p+p,                               
ul+p,
ol+p {
    text-indent:    1em
}

strong {
    font-weight:    bold;               
    letter-spacing: .03em
}

em {
    font-style:     italic
}

sup {
    vertical-align: super;
    font-size:      xx-small;
    line-height:    0
}

sub {
    vertical-align: sub;
    font-size:      smaller;
    line-height:    0
}

h1+p::first-letter {
    float:          left;
    font-family:    Solberry;
    font-size:      10em;
    color:          #222;
    line-height:    .8em
}

ul{
    margin-bottom:      .8em;               
    padding-left:       1.4em;
    line-height:        1.3em;
    list-style-position:outside;
    list-style-type:    disc;
}

ol {
    margin-bottom:      .8em;               
    padding-left:       1.4em;
    line-height:        1.3em;
    list-style-position:outside;
    list-style-type:    decimal
}

.column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

table {                            
    font-family: ScalySans;
    margin-bottom: 1em;
    line-height: 1.1em;
}

table em {
    font-family: ScalySans;
    font-style: italic
}

table strong {
    font-family: ScalySans;
    font-weight: 800;
    letter-spacing: -0.02em
}

table thead {
    font-weight: 800
}

table thead th {
    vertical-align: bottom;
    padding-bottom: .3em;
    padding-right: .1em;
    padding-left: .1em
}

table tbody tr td {
    padding-left: 1em;
    padding-right: 1em;
}

table tbody tr:nth-child(odd) {
    background-color: #e0e5c1
}