/* open-sans-300 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/open-sans/open-sans-v16-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/open-sans/open-sans-v16-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v16-latin-300.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v16-latin-300.woff") format("woff"), url("../fonts/open-sans/open-sans-v16-latin-300.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v16-latin-300.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/open-sans/open-sans-v16-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("../fonts/open-sans/open-sans-v16-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v16-latin-300italic.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v16-latin-300italic.woff") format("woff"), url("../fonts/open-sans/open-sans-v16-latin-300italic.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v16-latin-300italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans/open-sans-v16-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans/open-sans-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v16-latin-regular.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v16-latin-regular.woff") format("woff"), url("../fonts/open-sans/open-sans-v16-latin-regular.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v16-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans/open-sans-v16-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../fonts/open-sans/open-sans-v16-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v16-latin-italic.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v16-latin-italic.woff") format("woff"), url("../fonts/open-sans/open-sans-v16-latin-italic.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v16-latin-italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans/open-sans-v16-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../fonts/open-sans/open-sans-v16-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v16-latin-600.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v16-latin-600.woff") format("woff"), url("../fonts/open-sans/open-sans-v16-latin-600.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v16-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/open-sans/open-sans-v16-latin-600italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url("../fonts/open-sans/open-sans-v16-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v16-latin-600italic.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v16-latin-600italic.woff") format("woff"), url("../fonts/open-sans/open-sans-v16-latin-600italic.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v16-latin-600italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans/open-sans-v16-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans/open-sans-v16-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v16-latin-700.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v16-latin-700.woff") format("woff"), url("../fonts/open-sans/open-sans-v16-latin-700.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v16-latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/open-sans/open-sans-v16-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("../fonts/open-sans/open-sans-v16-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v16-latin-700italic.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v16-latin-700italic.woff") format("woff"), url("../fonts/open-sans/open-sans-v16-latin-700italic.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v16-latin-700italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/open-sans/open-sans-v16-latin-800.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("../fonts/open-sans/open-sans-v16-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v16-latin-800.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v16-latin-800.woff") format("woff"), url("../fonts/open-sans/open-sans-v16-latin-800.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v16-latin-800.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/open-sans/open-sans-v16-latin-800italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"), url("../fonts/open-sans/open-sans-v16-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v16-latin-800italic.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v16-latin-800italic.woff") format("woff"), url("../fonts/open-sans/open-sans-v16-latin-800italic.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v16-latin-800italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
#nav {
  text-align: center;
  margin-bottom: 3em;
  border-top: 1px solid rgb(255, 62, 51);
  border-bottom: 1px solid rgb(255, 62, 51);
  padding: 1em 0;
}
#nav #navItems .navItem {
  display: inline;
  font-size: 15px;
  margin: 0 1em;
  font-weight: 600;
}
@media only screen and (max-width: 950px) {
  #nav #navItems .navItem {
    font-size: 13px;
  }
}
@media only screen and (max-width: 768px) {
  #nav #navItems .navItem {
    font-size: 11px;
    padding: 2px 0 0 4px;
  }
}
#nav #navItems a {
  color: rgb(88, 89, 91);
  text-decoration: none;
}
#nav #navItems a:hover {
  color: rgb(255, 62, 51);
  border-bottom: none;
}
#nav #navItems a.active {
  color: rgb(255, 62, 51);
}
#nav #navItems a.active:hover {
  color: rgb(255, 62, 51);
}

/*MOBILE NAVIGATION8*/
@media only screen and (min-width: 668px) {
  #nav-mobile {
    display: none;
  }
}
@media only screen and (max-width: 667px) {
  #nav {
    display: none;
  }
  #nav-mobile {
    position: absolute;
    right: 0.5em;
    top: -1em;
    z-index: 10;
  }
  #nav-mobile a img {
    width: 32px;
    margin: 28px 0 0 10px;
  }
  #nav-mobile a:hover {
    border: none;
  }
  #nav-mobile:not(:target) > a:first-of-type {
    display: block;
  }
  #nav-mobile:target > a:last-of-type {
    display: block;
    padding-right: 667px;
    padding-bottom: 100%;
  }
  #nav-mobile:target > a:first-of-type {
    display: none;
  }
  #nav-mobile:not(:target) > a:last-of-type {
    display: none;
  }
  #nav-mobile:target > ul {
    display: block;
    z-index: 1;
  }
  #nav-mobile ul {
    display: none;
    list-style: none;
    position: absolute;
    right: 0;
    top: 2em;
    width: 150px;
  }
  #nav-mobile ul a {
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.25em;
    color: rgb(88, 89, 91);
  }
  #nav-mobile ul a:hover {
    color: white;
  }
  #nav-mobile ul a:active {
    color: black;
  }
  #nav-mobile ul a.active {
    color: white;
  }
  #nav-mobile ul a.active li {
    background-color: rgb(255, 62, 51);
  }
  #nav-mobile ul a li {
    margin-bottom: -1px;
    padding: 0.75em 1em;
    background-color: white;
    border: 1px solid rgb(255, 62, 51);
  }
  #nav-mobile ul a li::before {
    display: none;
  }
}
@media only screen and (max-width: 667px) and (min-width: 376px) and (min-width: 667px) {
  #nav-mobile ul a li {
    padding: 0.55em 2em 0.55em 1em;
  }
}
@media only screen and (max-width: 667px) and (width: 640px) and (height: 360px) {
  #nav-mobile ul a li {
    padding: 0.35em 2em 0.35em 1em;
  }
}
@media only screen and (max-width: 667px) {
  #nav-mobile ul a li:hover {
    background-color: rgb(255, 62, 51);
  }
}
@media only screen and (max-width: 667px) {
  #nav-mobile ul a li:active {
    background-color: rgb(255, 62, 51);
  }
}
html {
  -webkit-text-size-adjust: 100%;
  /* Prevent font scaling in landscape while allowing user zoom */
}

* {
  box-sizing: border-box;
}

:root {
  font: 400 16px/150% "Open Sans", sans-serif;
}

#container {
  margin: 0 auto;
  max-width: 800px;
  padding: 2em 0;
}
@media only screen and (max-width: 667px) {
  #container {
    padding: 1em 0;
  }
}

p.title {
  text-align: center;
  margin: -1.5em 0 2em;
  font-size: large;
  color: rgb(88, 89, 91);
  font-weight: 600;
}
@media only screen and (max-width: 667px) {
  p.title {
    display: none;
  }
}

#main {
  padding: 1em 0 4em;
}

#footer {
  border-top: 1px solid rgb(255, 62, 51);
  color: rgb(88, 89, 91);
  text-align: center;
  font-size: 1.2em;
  font-weight: 700;
}
#footer .copyright {
  margin-top: 1em;
  display: inline-block;
  font-size: 0.625rem;
  line-height: initial;
  color: rgb(88, 89, 91);
  font-weight: 600;
}

/*Typography*/
h1,
h2,
h3 {
  color: rgb(88, 89, 91);
}

h1 {
  font-weight: 600;
  font-size: 1.5em;
  line-height: 1.2em;
  padding-bottom: 0.5em;
}

h2 {
  font-size: 1.25em;
  margin-top: 2em;
}

div + h2 {
  margin-top: 0;
}

h3 {
  font-size: 1.1em;
  margin: 2em 0 -0.5em;
  padding-top: 0.25em;
  border-top: 1px solid rgb(88, 89, 91);
}

ul {
  -webkit-margin-before: -0.5em;
          margin-block-start: -0.5em;
  -webkit-padding-start: 1em;
          padding-inline-start: 1em;
}

a {
  color: rgb(255, 62, 51);
  text-decoration: none;
}
a:hover {
  border-bottom: 1px solid rgb(255, 62, 51);
  color: rgb(255, 62, 51);
}

audio {
  margin-bottom: 2em;
}

.image.right {
  float: right;
  margin: 1em 0 1em 1em;
}
.image.left {
  float: left;
  margin: 1em 1em 1em 0;
}
@media only screen and (max-width: 667px) {
  .image.right, .image.left {
    float: none;
    margin: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 667px) {
  .image + .image {
    margin-top: 2em;
  }
}
.image .credit {
  font-size: 0.9em;
  font-style: italic;
  margin: 0.5em 0 2em;
}
.image .caption {
  font-size: 0.9em;
  margin-bottom: 0;
}

/*Home*/
#home #container p.title {
  display: none;
}
#home #main {
  padding-top: 0;
}
@media only screen and (max-width: 667px) {
  #home #main {
    margin-top: 3em;
  }
}
#home #cover {
  display: block;
  margin-top: 5%;
  text-align: center;
}
#home #cover img {
  width: auto;
  box-shadow: 5px 5px 10px #b3b3b3;
}
@media only screen and (max-width: 667px) {
  #home #cover img {
    width: 100%;
  }
}
#home #header,
#home #footer {
  display: none;
}

#purchase ul {
  list-style-type: none;
}
#purchase .image.right,
#purchase .image.left {
  margin-top: 0;
}
@media only screen and (max-width: 667px) {
  #purchase .image.right,
#purchase .image.left {
    float: left;
    margin-right: 0.5em;
  }
}/*# sourceMappingURL=style.css.map */