body {
  width: 80%;
  margin: 0 auto;
  padding: 1em;
  box-sizing: border-box;
  background: url("KirtlandIcon.svg") no-repeat, rgba(0, 180, 232, 0.3);
  background-size: 200px;
  background-position-x: 50%;
  background-position-y: 10%;
  font-family: sans-serif; }

.kirtland {
  background-color: rgba(0, 180, 232, 0.8);
  background-image: url("KirtlandIcon.svg");
  color: #8a8888; }

.pmCert {
  background-color: #333333;
  background-image: url("pmCertIcon.svg");
  color: #fff; }
  .pmCert a {
    color: #43B2E5; }

.psd-catalog {
  background-color: #203850;
  background-image: url("psd-catalog.svg"); }
  .psd-catalog .instructions {
    color: #fff; }
	
.security-Events {
  background-color: #787D87;
  background-image: url("security-events1.svg"); }
  .psd-catalog .instructions {
    color: #fff; }

.historic-sites {
  background: #f88c25; }
  .historic-sites h1 {
    font-size: 3em;
    margin-top: 100px;
    color: #1aa8de; }
  .historic-sites .instructions {
    font-size: 1.3em;
    color: #fff; }
    .historic-sites .instructions:before {
      font-size: 1.7em; }
  .historic-sites a {
    color: #1aa8de; }

.temple {
  background-color: #33200b;
  background-image: url("templeicon.png");
  color: #fff;
  background-size: 300px;
  padding: 0em; }
  .temple a {
    color: #c1a56e; }
  .temple h1 {
    color: #ead8b9; }

h1 {
  font-family: 'Slabo 13px', serif;
  color: #fc535b;
  margin-top: 280px;
  text-align: center; }

ol,
li {
  margin: 0;
  padding: 0; }

a {
  color: rgba(252, 83, 91, 0.7);
  text-decoration: none; }

.download {
  box-sizing: border-box;
  color: #00b4e8;
  padding: 1em;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  margin: 2em auto;
  max-width: 15em;
  text-align: center;
  font-size: 1.2em; }

.instructions {
  max-width: 26em;
  margin: 0 auto;
  font-size: 1em; }
  .instructions p {
    margin-bottom: .25em; }
  .instructions .caveat {
    margin-top: 0; }
  .instructions > .caveat {
    margin-top: 2em; }
  .instructions:before {
    content: "Instructions:";
    display: block;
    font-family: 'Slabo 13px', serif;
    font-size: 1.6em;
    color: #fff; }

.caveat {
  font-size: .8em; }

@media screen and (min-width: 810px) {
  body {
    background-position-x: 85%; }

  .instructions,
  .download {
    float: left;
    clear: left; }

  h1 {
    margin-top: 3em;
    text-align: left; }

  .download {
    margin: 3em 0 2.5em; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .download {
    display: block; }

  h1 {
    display: none; }

  .instructions {
    margin-top: 280px; }

  .pmCert .instructions {
    margin-top: 320px; }

  .temple .instructions {
    margin-top: 420px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .instructions,
  .pmCert .instructions,
  .temple .instructions {
    margin-top: 3em; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .download {
    display: block; }

  .temple {
    background-size: 200px;
    padding-bottom: 5em; }

  .pmCert .download,
  .temple .download,
  h1 {
    display: none; }

  .pmCert h1,
  .temple h1 {
    display: block; }

  .instructions {
    margin-top: 280px; }

  .historic-sites .instructions {
    margin-top: 140px; }

  .historic-sites .download {
    position: absolute;
    top: 0;
    left: calc(50% - 7.5em); }

  .pmCert .instructions,
  .temple .instructions {
    margin-top: 0; } }

/*# sourceMappingURL=restrictive.css.map */