@charset "UTF-8";
/* CSS Document */

body {
  margin: 0;
}

/*HEADER*/
header {
  display: flex;
  justify-content: space-between;
  padding: 2em 4em;
  background-color: #c39589;
}
header img {
  max-width: 15em;
}
.nav {
  justify-content: space-between;
  margin: 1em;
  padding-top: 1em;
}
.nav a {
  color: #eee9cf;
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 25px;
  text-decoration: none;
  padding-right: 1.5em;
}
.nav a:hover {
  color: #285361;
}


/*HERO*/
.hero {
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin: 0em;
  padding: 4em 6em;
  background-color: #eee9cf;
}  
.hero-image {
  display: flex;
  justify-content: center;
  padding: 2em;
}
.hero-image img {
  max-width: 100%;
  height: auto;
  border: solid #285361 1em;
  border-radius: 1em;
}
.divide-1 img {
  width: 100%;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
}
.hero-words {
  display: block;
  text-align: center;
  padding: 0em 2em;
}
h1 {
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 2.75em;
  line-height:1.5em;
  color: #285361;
}
.hero h3 {
	font-family: helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.25em;
  text-align: left;
  color: #285361;
  margin-bottom: 2em;
}
.hero-words a {
  background-color: #285361;
  color: #eee9cf;
  text-decoration: none;
  padding: .75em;
  border-radius: .75em;
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 1.5em;
}
.hero-words a:hover {
  background-color: #c39589;
  transition: 1s;
}

/*GALLERY*/
.gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #82915b;
  padding: 10em;
  align-items: center;
}
.gallery a {
  text-align: center;
}
.gallery img {
  max-width: 50%;
  border: .5em solid #191f3a;
}
.divide-2 img {
  width: 100%;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
}
.creation img {
  width: 100%;
  margin-bottom: 0em;
}
/*BIO
.bio {
  background-color: #FFFDEC;
  margin: 0;
  padding: 10em;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.bio-words {
  padding: 0em 0em 0em 5em;
}
.bio-words h2 {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.25em;
}
.bio-words h1 {
  font-family: "turbinado-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
  font-size: 6em;
  margin: -.5em 0em 0em 1.15em;
}
.bio-words p {
  font-family: helvetica;
  line-height: 1.5em;
}
.bio img {
  max-width: 45%;
  margin-left: 10em;
  padding: 2em;
}
.bio a {
  font-family: helvetica;
  color: #fffdec;
  text-decoration: none;
  text-align: center;
  background-color: #616d32;
  padding: 2em;
  margin: 1em 10em 0em;
  border-radius: 1em;
}
.bio a:hover {
  font-weight: bolder;
}
*/

/*ABOUT*/
.about-page {
  display: block;
  background-color: #eee9cf;
  margin: 0em;
  padding: 2em 4em 5em;
  text-align: center;
}
.about-page h1 {
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 2.75em;
  text-align: center;
  color: #285361;
}
.columns {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
.columns img {
  max-width: 100%;
  border-radius: 2em;
}
.columns p {
  font-family: helvetica;
  font-size: 1.25em;
  line-height: 1.5em;
  color: #285361;
  text-align: left;
  padding-right: 1em;
  padding-bottom: 2em;
}
.about-page a {
  background-color: #285361;
  color: #eee9cf;
  text-decoration: none;
  padding: .75em;
  border-radius: .75em;
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 1.5em;
  text-align: center;
}
.about-page a:hover {
  background-color: #c39589;
  transition: 1s;
}
/*ZION WEBSITE*/
.zion-title {
  display: block;
  padding: 2em 4em;
  background-color: #fffdec;
}
.zion-title h1 {
  font-family: helvetica;
  font-weight: bold;
  font-size: 2em;
}
.zion-title h2 {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.5em;
}
.zion-title p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.75em;
}
.zion-images {
  background-color: #eee2cf;
  display: flex;
  align-items: center;
  padding: 2em;
}
.zion-images img {
  max-width: 40%;
  border-radius: 1em;
	margin-left: auto;
  margin-right: auto;
}
.zion-description {
  background-color: #eee2cf;
  margin: 0;
  padding: 2em 10em;
}
.zion-description p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.25em;
  line-height: 1.75em;
}
.zion-description a {
  display: block;
  text-align: center;
  font-family: helvetica;
  text-decoration: none;
  color: black;
  font-weight: bold;
  font-size: 1.5em;
  padding: 2em;
}
.zion-description a:hover {
  text-decoration: underline;
}

/*MUFFNSTUFF*/
.muffnstuff-title {
  display: block;
  padding: 2em 4em;
  background-color: #eee2cf;
}
.muffnstuff-title h1 {
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 2.75em;
  text-align: center;
  color: #285361;
}
.muffnstuff-title h2 {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.5em;
  color: #285361;
}
.muffnstuff-title p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.75em;
  color: #285361;
}
.muffnstuff-images {
  background-color: #eee2cf;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 2em;
	text-align: center;
}
.muffnstuff-images img {
 	max-width: 40%;
	border-radius: 1em;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
}
.muffnstuff-description {
  background-color: #eee2cf;
  margin: 0em;
  padding: 2em 10em 10em;
}
.muffnstuff-description p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.25em;
  line-height: 1.75em;
  color: #285361;
}

/*CHILLAX*/
.chillax-title {
  display: block;
  padding: 2em 4em;
  background-color: #eee2cf;
}
.chillax-title h1 {
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 2.75em;
  text-align: center;
  color: #285361;
}
.chillax-title h2 {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.5em;
  color: #285361;
}
.chillax-title p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.75em;
  color: #285361;
}
.chillax-images {
  background-color: #eee2cf;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 2em;
	text-align: center;
}
.left {
  display: inline-block;
  margin-right: 2em;
}
.left img {
  padding: 2em;
  border-radius: 1em;
}
.chillax-images img {
  max-width: 40%;
  border-radius: 1em;
	margin-left: auto;
	margin-right: auto;
}
.chillax-description {
  background-color: #eee2cf;
  margin: 0em;
  padding: 2em 10em 10em;
}
.chillax-description p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.25em;
  line-height: 1.75em;
  color: #285361;
  padding-bottom: 1em;
}
.chillax-description a {
    background-color: #285361;
  color: #eee9cf;
  text-decoration: none;
  padding: .75em;
  border-radius: .75em;
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 1.25em;
}
.chillax-description a:hover {
    background-color: #c39589;
  transition: 1s;
}

/*SALVATION ARMY WEBSITE*/
.salvation-title {
  display: block;
  padding: 2em 4em;
  background-color: #eee2cf;
}
.salvation-title h1 {
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 2.75em;
  text-align: center;
  color: #285361;
}
.salvation-title h2 {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.5em;
  color: #285361;
}
.salvation-title p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.75em;
  color: #285361;
}
.salvation-images {
  background-color: #eee2cf;
  display: flex;
  align-items: center;
  padding: 2em;
	text-align: center;
}
.salvation-images img {
  max-width: 40%;
  border-radius: 1em;
	margin-left: auto;
	margin-right: auto;
}
.salvation-description {
  display: block;
  text-align: center;
  background-color: #eee2cf;
  margin: 0em;
  padding: 2em 10em 7em;
}
.salvation-description p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.25em;
  line-height: 1.75em;
  color: #285361;
  text-align: left;
  padding-bottom: 2em;
}
.salvation-description a {
  background-color: #285361;
  color: #eee9cf;
  text-decoration: none;
  padding: .75em;
  border-radius: .75em;
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 1.5em;
  text-align: center;
}
.salvation-description a:hover {
  background-color: #c39589;
  transition: 1s;
}

/*GRACE NOTES*/
.grace-title {
  display: block;
  padding: 2em 4em;
  background-color: #eee2cf;
}
.grace-title h1 {
  font-family: helvetica;
  font-weight: bold;
  font-size: 2em;
}
.grace-title h2 {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.5em;
}
.grace-title p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.75em;
}
.grace-images {
  background-color: #eee2cf;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 2em;
	text-align: center;
}
.grace-images img {
  max-width: 40%;
  border-radius: 1em;
	margin-left: auto;
	margin-right: auto;
}
.grace-description {
  background-color: #eee2cf;
  margin: 0em;
  padding: 2em 10em 10em;
}
.grace-description p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.25em;
  line-height: 1.75em;
}

/*BMONTHLY*/
.bmonthly-title {
  display: block;
  padding: 2em 4em;
  background-color: #eee2cf;
}
.bmonthly-title h1 {
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 2.75em;
  text-align: center;
  color: #285361;
}
.bmonthly-title h2 {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.5em;
  color: #285361;
}
.bmonthly-title p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.75em;
  color: #285361;
}
.bmonthly-images {
  background-color: #eee2cf;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 2em;
  text-align: center;
}
.bmonthly-images img {
  max-width: 70%;
  border-radius: 1em;
	margin-left: auto;
  margin-right: auto;
}
.bmonthly-description {
  background-color: #eee2cf;
  margin: 0em;
  padding: 2em 10em 10em;
}
.bmonthly-description p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.25em;
  line-height: 1.75em;
  color: #285361;
}
.bmonthly-description a {
    background-color: #285361;
  color: #eee9cf;
  text-decoration: none;
  padding: .75em;
  border-radius: .75em;
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 1.25em;
}
.bmonthly-description a:hover {
    background-color: #c39589;
  transition: 1s;
}

/*SUNDAE*/
.sundae-title {
  display: block;
  padding: 2em 4em;
  background-color: #eee2cf;
}
.sundae-title h1 {
  font-family: helvetica;
  font-weight: bold;
  font-size: 2em;
}
.sundae-title h2 {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.5em;
}
.sundae-title p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.75em;
}
.sundae-images {
  background-color: #eee2cf;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 2em;
  text-align: center;
}
.sundae-images img {
  max-width: 70%;
  border-radius: 1em;
	margin-left: auto;
  margin-right: auto;
}
.sundae-description {
  background-color: #eee2cf;
  margin: 0em;
  padding: 2em 10em 10em;
}
.sundae-description p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.25em;
  line-height: 1.75em;
}
.sundae-description a {
    background-color: #285361;
  color: #eee9cf;
  text-decoration: none;
  padding: .75em;
  border-radius: .75em;
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 1.25em;
}
.sundae-description a:hover {
    background-color: #c39589;
  transition: 1s;
}

/*NATIONAL PARKS*/
.NPposters-title {
  display: block;
  padding: 2em 4em;
  background-color: #eee2cf;
}
.NPposters-title h1 {
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 2.75em;
  text-align: center;
  color: #285361;
}
.NPposters-title h2 {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.5em;
  color: #285361;
}
.NPposters-title p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.75em;
  color: #285361;
}
.NPposters-images {
  background-color: #eee2cf;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 2em;
  text-align: center;
}
.NPposters-images img {
  max-width: 70%;
  border-radius: 2em;
	margin-left: auto;
  margin-right: auto;
  padding: 1em;
}
.NPposters-description {
  background-color: #eee2cf;
  margin: 0em;
  padding: 2em 10em 10em;
}
.NPposters-description p {
  font-family: helvetica;
  font-weight: normal;
  font-size: 1.25em;
  line-height: 1.75em;
  color: #285361;
  padding-bottom: 1em;
}
.NPposters-description a {
    background-color: #285361;
  color: #eee9cf;
  text-decoration: none;
  padding: .75em;
  border-radius: .75em;
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 1.25em;
}
.NPposters-description a:hover {
    background-color: #c39589;
  transition: 1s;
}

/*FOOTER*/
footer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background-color: #183323;
  margin-top: -1em;
  padding: 3em;
}
footer a {
  font-family: late-serif-variable, sans-serif;
  font-style: normal;
  font-size: 1.75em;
  text-decoration: none;
  color: #eee9cf;
}
footer a:hover {
  color: #c39589;
  transition: 1s;
}
.footer-links {
  display: grid;
  text-align: left;
}
.footer-logo {
  text-align: center;
}
.footer-logo img {
  width: 50%;
}
.footer-contacts {
  display: grid;
  text-align: right;
}

@media screen and (max-width: 1200px) {
  /*About*/
  .columns {
    display: block;
  }
  .columns p {
    padding: 0em;
  }
  .columns img {
    padding-bottom: 4em;
    max-width: 50%;
  }
}

@media screen and (max-width: 1100px) {
  .hero-words h1 {
    line-height: 1em;
  }
}

@media screen and (max-width: 1000px) {
  .hero-words h1 {
    font-size: 2em;
  }
}

@media screen and (max-width: 900px) {
  .gallery {
    display: block;
    text-align: center;
  }
  .gallery img {
    margin: 1em;
  }
  .footer-logo img {
    width: 85%;
  }
  /*POSTERS*/
  .NPposters-images {
    grid-template-columns: 1fr 1fr;
    padding: 1em;
  }
  .NPposters-description {
    padding: 1em 5em 5em;
  }
}

@media screen and (max-width: 870px) {
  header {
    padding: 1em 2em;
  }
  header img {
    max-width: 40%;
    padding-top: 1.25em;
  }
  .nav {
    display: block;
    text-align: right;
    padding-top: 0em;
  }
  .nav a {
    font-size: 1.75em;
    margin: 1em 0em;
  }
  .hero {
    display: block;
    padding-bottom: 7em;
  }
  .hero-image img {
    max-width: 50%;
  }
  .footer-links a {
    font-size: 1.75em;
  }
  .footer-contacts a {
    font-size: 1.75em;
  }
}

@media screen and (max-width: 700px) {
  header img {
    max-width: 50%;
  }
  .gallery {
    padding: 5em 2em;
  }
  /*about*/
  .columns img {
    max-width: 70%;
  }
  /*POSTERS*/
  .NPposters-images {
    display: block;
  }
  .NPposters-images img {
    max-width: 50%;
  }
  /*CHILLAX*/
  .chillax-images {
      display: block;
  }
  .chillax-images img {
      max-width: 50%;
  }
}

@media screen and (max-width: 600px) {
  header {
    padding: 1em 2em;
  }
  .nav a {
    font-size: 1.5em;
    padding-right: 0em;
  }
  .hero-image img {
    max-width: 75%;
    border-width: .25em;
  }
  footer {
    padding: 3em 2em;
  }
  .footer-links a {
    font-size: 1.5em;
  }
  .footer-contacts a {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 500px) {
  header img {
    max-width: 75%;
  }
  .hero {
    padding: 3em 3em 5em 3em;
  }
  .gallery {
    padding: 2em;
  }
}