body {
 margin: 0 auto;
 padding: 0;
 font-size: 2em;
 font-family: 'Archivo Narrow', sans-serif, Arial;
 background-color: #fff;
}
.wrapper {
 width: 100%;
 max-width: 1300px;
 margin: 0 auto;
 padding: 0;
 background-color: #fff;
}
header {
 width: 100%;
 margin: 0 auto;
 padding: 0;
}
#logo {
 width: 27%;
 float: left;
 padding-right: 0em;
 padding-left: 0em;
 padding-top: .75em;
 padding-bottom: .25em;
 margin: 0 auto;
 text-align: left;
}
 #logo img {
  width: 97%;
  max-width: 480px;
 }
#header-right {
 width: 71%;
 text-align: right;
 font-size: 1em;
 font-weight: bold;
 padding-right: 0em;
 padding-top: 1.3em;
 float: right;
}
header:after {
 content: '';
 clear: both;
 display: table;
}
#navbar {
 width: 100%;
 background-color: #555555;
 font-size: 1.25em;
 color: #fff;
 margin: 0 auto;
 padding: 0;
 padding-top: .3em;
 padding-bottom: .3em;
}
nav {
 width: 100%;
 margin: 0 auto;
 padding: 0em;
}
p {
 padding-left: .8em;
 padding-right: .8em;
 line-height: 1.35em;
}
ul li {
 line-height: 1em;
}
.normal-list li {
 line-height: 1.35em;
 margin-left: .8em;
}
.bottom-links a {
 color: #00aa00;
 text-decoration: none;
 font-family: VT323;
}
h1 {
 font-family: VT323;
 font-size: 2.5em;
 padding: 0em;
 padding-left: .35em;
 color: #00aa00;
}
h2 {
 font-family: VT323;
 font-size: 2em;
 padding: 0em;
 padding-left: .5em;
 color: #00aa00;
}
#middle {
 width: 100%;
 padding: 0;
}
 #middle:after {
  content: '';
  clear: both;
  display: table;
 }
#content {
 width: 100%;
 float: none;
 padding-top: 1em;
 padding-bottom: 1em;
 background-repeat: no-repeat;
 background-position-x: center;
 overflow: hidden;
}
.text-bold {
 font-weight: bold;
}
.text-italic {
 font-style: italic;
}
.page-pic {
 width: 45%;
 max-width: 500px;
 float: right;
 padding: 0;
 margin: 0 auto;
 margin-right: 1em;
 margin-left: 1.5em;
 text-align: center;
}
 .page-pic img {
  width: 100%;
  max-width: 500px;
 }
.page-pic-shadow {
 width: 45%;
 max-width: 500px;
 float: right;
 padding: 0;
 margin: 0 auto;
 margin-right: 1em;
 margin-left: 1.5em;
 text-align: center;
 font-size: .7em;
 text-align: left;
}
 .page-pic-shadow img {
  width: 100%;
  max-width: 500px;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  -moz-box-shadow: 5px 5px 5px black;
  -webkit-box-shadow: 5px 5px 5px black;
  box-shadow: 5px 5px 5px black;
  border: solid;
  border-color: #000;
  border-width: 1px;
 }
.page-pic-full {
 width: 100%;
 padding: 0;
 margin: 0 auto;
 text-align: center;
}
 .page-pic-full img {
  width: 100%;
 }
footer {
 font-size: .8em;
 text-align: center;
 color: #fff;
 padding: 1.5em;
 background-color: #555555;
}
 footer img {
  width: 80%;
  max-width: 300px;
 }
#footer-top {
 width: 100%;
 margin: 0 auto;
 margin-bottom: 1em;
 padding: 0;
 text-align: center;
}
 #footer-top:after {
  content: '';
  clear: both;
  display: table;
 }
#footer-title {
 width: 100%;
 text-align: center;
 margin: 0 auto;
 padding: 0;
}
 #footer-title:after {
  content: '';
  clear: both;
  display: table;
 }
#footer-top-left {
 float: left;
 width: 49.9%;
}
#footer-top-right {
 float: right;
 width: 49.9%
}
.footer-table {
 width: 100%;
 color: #787875;
 display: table;
 vertical-align: top;
}
 .footer-table th td {
  vertical-align: top;
  display: table-cell;
  border: 1px solid black;
 }
 .footer-table td {
  font-size: .75em;
  width: 50%;
  text-align: center;
 }
 .footer-table a {
  color: #951c0f;
  text-decoration: none;
 }
.icon-size {
 font-size: 3.5em;
}
.no-show-link a {
 color: #fff;
 text-decoration: none;
}

/* BEGIN RESPONSIVE */

@media (min-width: 1200px) {
 body {
  font-size: 1.25em;
 }
}
@media (min-width: 980px) and (max-width: 1199px) {
 body {
  font-size: 1.15em;
 }

 #logo {
  padding-top: .75em;
 }
}
@media (min-width: 768px) and (max-width: 979px) {
 body {
  font-size: 1em;
 }

 #logo {
  padding-top: .9em;
 }
 #header-right {
  padding-top: .75em;
 }
}
@media (min-width: 481px) and (max-width: 767px) {
 body {
  font-size: .9em;
 }
 #logo {
  float: none;
  width: 100%;
  text-align: center;
  padding: 0em;
  padding-top: .25em;
 }
 #header-right {
  width: 100%;
  float: none;
  text-align: center;
  padding-top: 1em;
 }
 #navbar {
  padding: 0;
 }
}
@media (min-width: 0px) and (max-width: 480px) {
 body {
  font-size: .8em;
 }
 #logo {
  float: none;
  width: 100%;
  text-align: center;
  padding: 0em;
  padding-top: .35em;
 }
 #header-right {
  width: 100%;
  float: none;
  text-align: center;
  padding-top: 1em;
 }
 #navbar {
  padding: 0;
 }
 .rows-left {
  float: none;
  width: 100%;
 }
 .rows-right {
  float: none;
  width: 100%;
 }
}