/*----------------------------------------------*\
    PAGES
	=====

	@package piknikpress

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package piknikpress

\*----------------------------------------------*/
/* 
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Breakpoints */
/* 400px */
/* 400px */
/* 600px */
/* 800px */
/* 1100px */
/* 1400px */
/* Fonts */
/* 
 *
 * / Mixins
------------------------------------------------*/
/* line 12, ../src/pages.scss */
.wrapper-global {
  padding-left: 1em;
  padding-right: 1em; }
  @media screen and (min-width: 37.5em) {
    /* line 12, ../src/pages.scss */
    .wrapper-global {
      padding-left: 2em;
      padding-right: 2em; } }
  @media screen and (min-width: 50em) {
    /* line 12, ../src/pages.scss */
    .wrapper-global {
      padding-left: 3em;
      padding-right: 3em; } }
  @media screen and (min-width: 68.75em) {
    /* line 12, ../src/pages.scss */
    .wrapper-global {
      padding-left: 4em;
      padding-right: 4em; } }

/* line 32, ../src/pages.scss */
body {
  font-family: arek, serif; }

/* line 36, ../src/pages.scss */
.body-text p {
  font-size: 1.125em;
  line-height: 1.4em;
  margin-bottom: 1em; }
  @media screen and (min-width: 37.5em) {
    /* line 36, ../src/pages.scss */
    .body-text p {
      font-size: 1em; } }
  @media screen and (min-width: 50em) {
    /* line 36, ../src/pages.scss */
    .body-text p {
      font-size: 1.25em; } }
  @media print {
    /* line 36, ../src/pages.scss */
    .body-text p {
      font-size: 1.25em; } }
  /* line 51, ../src/pages.scss */
  .body-text p a {
    color: #000000;
    text-decoration: none; }
/* line 56, ../src/pages.scss */
.body-text ul, .body-text ol {
  font-size: 1.125em;
  line-height: 1.4em;
  margin-bottom: 1em;
  margin-left: 1em; }
  @media screen and (min-width: 50em) {
    /* line 56, ../src/pages.scss */
    .body-text ul, .body-text ol {
      font-size: 1.25em; } }
  @media print {
    /* line 56, ../src/pages.scss */
    .body-text ul, .body-text ol {
      font-size: 1.25em; } }
/* line 69, ../src/pages.scss */
.body-text ul {
  list-style-type: disc; }
/* line 72, ../src/pages.scss */
.body-text ol {
  list-style-type: numeral; }
/* line 75, ../src/pages.scss */
.body-text h2, .body-text h3 {
  font-family: arek, serif;
  font-style: italic;
  text-align: center;
  line-height: 1.1; }
  @media screen and (min-width: 37.5em) {
    /* line 75, ../src/pages.scss */
    .body-text h2, .body-text h3 {
      text-align: left; } }
/* line 85, ../src/pages.scss */
.body-text h2 {
  font-size: 1.75em;
  margin-bottom: 0.75rem;
  font-weight: 700; }
  @media screen and (min-width: 50em) {
    /* line 85, ../src/pages.scss */
    .body-text h2 {
      font-size: 3em; } }
/* line 94, ../src/pages.scss */
.body-text h3,
.body-text .heading--h3 {
  font-size: 1.5em;
  margin-bottom: 1rem;
  font-weight: 600; }
  @media screen and (min-width: 50em) {
    /* line 94, ../src/pages.scss */
    .body-text h3,
    .body-text .heading--h3 {
      font-size: 2em; } }
  /* line 104, ../src/pages.scss */
  .body-text h3 a,
  .body-text .heading--h3 a {
    text-decoration: none;
    transition: color 0.2s; }
    /* line 109, ../src/pages.scss */
    .body-text h3 a:hover,
    .body-text .heading--h3 a:hover {
      color: #b00d14; }

/* line 115, ../src/pages.scss */
.heading--h2 {
  font-size: 1.75em;
  font-weight: 600;
  font-style: italic;
  line-height: 1.2; }

/* line 121, ../src/pages.scss */
.red {
  color: #ee1c25; }

/* line 124, ../src/pages.scss */
.button {
  background-color: #ee1c25;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0.5em 1em;
  border-radius: 10px;
  text-decoration: none;
  letter-spacing: 1px;
  margin-top: 1em;
  margin-bottom: 1em;
  display: inline-block;
  transition: background-color 0.2s;
  font-weight: 600; }
  /* line 138, ../src/pages.scss */
  .button:hover {
    background-color: #810a0f; }

@media screen and (min-width: 37.5em) {
  /* line 144, ../src/pages.scss */
  .flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

/* line 152, ../src/pages.scss */
main {
  margin-bottom: 4em; }

/* line 155, ../src/pages.scss */
.heading__wrapper {
  text-align: center;
  margin-bottom: 1em; }
  @media screen and (min-width: 68.75em) {
    /* line 155, ../src/pages.scss */
    .heading__wrapper {
      display: block;
      position: absolute;
      bottom: 6em;
      right: -2em;
      text-align: left; } }
  @media screen and (min-width: 87.5em) {
    /* line 155, ../src/pages.scss */
    .heading__wrapper {
      bottom: 2em;
      right: -1em; } }

@media screen and (min-width: 37.5em) {
  /* line 180, ../src/pages.scss */
  .text__wrapper {
    width: 65%; } }

/* line 188, ../src/pages.scss */
.relative {
  position: relative; }

@media screen and (min-width: 68.75em) {
  /* line 191, ../src/pages.scss */
  .home main {
    height: 95vh;
    margin-bottom: 0; } }

/* line 197, ../src/pages.scss */
.mission-statement {
  font-size: 1.25em;
  font-style: italic;
  text-align: center; }
  @media screen and (min-width: 50em) {
    /* line 197, ../src/pages.scss */
    .mission-statement {
      font-size: 1em;
      max-width: 40em;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (min-width: 68.75em) {
    /* line 197, ../src/pages.scss */
    .mission-statement {
      position: absolute;
      overflow: hidden;
      clip: rect(0 0 0 0);
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      border: 0; } }
  /* line 219, ../src/pages.scss */
  .mission-statement p {
    line-height: 1.2; }
  @media print {
    /* line 197, ../src/pages.scss */
    .mission-statement {
      font-size: 2em; } }

/* line 229, ../src/pages.scss */
.nav__illustrations {
  position: relative;
  margin-top: 2em; }
  @media screen and (min-width: 31.25em) {
    /* line 229, ../src/pages.scss */
    .nav__illustrations {
      margin-top: 3em; } }
  @media screen and (min-width: 50em) {
    /* line 229, ../src/pages.scss */
    .nav__illustrations {
      max-width: 90%;
      margin-left: auto;
      margin-right: auto; } }

/* line 242, ../src/pages.scss */
.nav__illustration {
  margin-left: auto;
  margin-right: auto;
  width: 43%;
  position: absolute; }
  @media screen and (min-width: 68.75em) {
    /* line 242, ../src/pages.scss */
    .nav__illustration {
      width: 20%; } }
  /* line 258, ../src/pages.scss */
  .nav__illustration-link {
    display: block;
    width: 100%;
    height: 100%; }
    /* line 263, ../src/pages.scss */
    .nav__illustration-link svg {
      transition: fill 3s; }
    /* line 266, ../src/pages.scss */
    .nav__illustration-link svg .red-line {
      fill: transparent;
      transition: fill 0.2s; }
    /* line 271, ../src/pages.scss */
    .nav__illustration-link:hover svg .red-line {
      fill: #ee1c25; }
  /* line 277, ../src/pages.scss */
  .nav__illustration--mission {
    display: none; }
    @media screen and (min-width: 68.75em) {
      /* line 277, ../src/pages.scss */
      .nav__illustration--mission {
        display: block;
        width: 100%; } }
  /* line 286, ../src/pages.scss */
  .nav__illustration--about {
    top: 5em;
    width: 43%; }
    @media screen and (min-width: 25em) {
      /* line 286, ../src/pages.scss */
      .nav__illustration--about {
        top: 6em; } }
    @media screen and (min-width: 37.5em) {
      /* line 286, ../src/pages.scss */
      .nav__illustration--about {
        top: 7em; } }
    @media screen and (min-width: 50em) {
      /* line 286, ../src/pages.scss */
      .nav__illustration--about {
        top: 9em; } }
    @media screen and (min-width: 68.75em) {
      /* line 286, ../src/pages.scss */
      .nav__illustration--about {
        top: 16em;
        left: 5%;
        width: 25%; } }
    /* line 305, ../src/pages.scss */
    .nav__illustration--about .nav__illustration-link:after {
      top: 0;
      left: -9%;
      -webkit-transform: scale(0);
              transform: scale(0);
      transition: -webkit-transform 2s ease;
      transition: transform 2s ease; }
    /* line 314, ../src/pages.scss */
    .nav__illustration--about svg {
      -webkit-transform: rotate(5deg);
              transform: rotate(5deg); }
      @media screen and (min-width: 68.75em) {
        /* line 314, ../src/pages.scss */
        .nav__illustration--about svg {
          -webkit-transform: rotate(-50deg);
                  transform: rotate(-50deg); } }
  /* line 322, ../src/pages.scss */
  .nav__illustration--submit {
    width: 46%;
    top: 0;
    left: 47%; }
    @media screen and (min-width: 68.75em) {
      /* line 322, ../src/pages.scss */
      .nav__illustration--submit {
        left: 42%;
        width: 26%; } }
    /* line 341, ../src/pages.scss */
    .nav__illustration--submit .nav__illustration-link:after {
      top: -1em;
      left: 2em;
      opacity: 1;
      -webkit-transform: scale(0);
              transform: scale(0);
      transition: -webkit-transform 2s ease;
      transition: transform 2s ease; }
    @media screen and (min-width: 68.75em) {
      /* line 351, ../src/pages.scss */
      .nav__illustration--submit svg {
        -webkit-transform: rotate(25deg);
                transform: rotate(25deg); } }
  /* line 359, ../src/pages.scss */
  .nav__illustration--contact {
    top: 11em;
    left: 20%;
    width: 70%; }
    @media screen and (min-width: 25em) {
      /* line 359, ../src/pages.scss */
      .nav__illustration--contact {
        top: 14em; } }
    @media screen and (min-width: 31.25em) {
      /* line 359, ../src/pages.scss */
      .nav__illustration--contact {
        top: 20em;
        left: 23%; } }
    @media screen and (min-width: 50em) {
      /* line 359, ../src/pages.scss */
      .nav__illustration--contact {
        top: 25em; } }
    @media screen and (min-width: 62.5em) {
      /* line 359, ../src/pages.scss */
      .nav__illustration--contact {
        top: 27em; } }
    @media screen and (min-width: 68.75em) {
      /* line 359, ../src/pages.scss */
      .nav__illustration--contact {
        top: 10em;
        left: 62%;
        width: 40%; } }
    @media screen and (min-width: 87.5em) {
      /* line 359, ../src/pages.scss */
      .nav__illustration--contact {
        top: 9em; } }
    /* line 386, ../src/pages.scss */
    .nav__illustration--contact .nav__illustration-link:after {
      top: 1em;
      left: 4%;
      opacity: 1;
      -webkit-transform: scale(0);
              transform: scale(0);
      transition: -webkit-transform 2s ease;
      transition: transform 2s ease; }
    @media screen and (min-width: 68.75em) {
      /* line 397, ../src/pages.scss */
      .nav__illustration--contact svg {
        margin-left: 0; } }

/* line 412, ../src/pages.scss */
.image__wrapper {
  max-width: 16em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em; }
  @media screen and (min-width: 37.5em) {
    /* line 412, ../src/pages.scss */
    .image__wrapper {
      width: 25%;
      margin-left: 0;
      margin-right: 10%;
      max-width: none;
      min-width: 10em; } }
  @media screen and (min-width: 50em) {
    /* line 412, ../src/pages.scss */
    .image__wrapper {
      width: 30%;
      margin-right: 5%; } }

@media screen and (min-width: 37.5em) {
  /* line 434, ../src/pages.scss */
  .page-content {
    margin-top: 2em; } }

/* line 440, ../src/pages.scss */
.about .image__wrapper {
  max-width: 11em; }
  @media screen and (min-width: 37.5em) {
    /* line 440, ../src/pages.scss */
    .about .image__wrapper {
      max-width: none; } }
  @media screen and (min-width: 68.75em) {
    /* line 440, ../src/pages.scss */
    .about .image__wrapper {
      text-align: right; } }
  /* line 450, ../src/pages.scss */
  .about .image__wrapper img {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
    @media screen and (min-width: 68.75em) {
      /* line 450, ../src/pages.scss */
      .about .image__wrapper img {
        width: 80%; } }
    @media screen and (min-width: 87.5em) {
      /* line 450, ../src/pages.scss */
      .about .image__wrapper img {
        width: 60%; } }

/* line 465, ../src/pages.scss */
.submit .image__wrapper img {
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg); }

/* line 471, ../src/pages.scss */
.contact .image__wrapper {
  max-width: 16em; }
  @media screen and (min-width: 37.5em) {
    /* line 471, ../src/pages.scss */
    .contact .image__wrapper {
      max-width: none; } }
  /* line 478, ../src/pages.scss */
  .contact .image__wrapper img {
    margin-top: -1em;
    margin-left: -1.5em; }

/* line 485, ../src/pages.scss */
.follow h3 {
  text-align: center; }
/* line 489, ../src/pages.scss */
.follow .mailchimp {
  margin-top: 3em;
  margin-bottom: 2em; }
/* line 493, ../src/pages.scss */
.follow #mc_embed_signup form {
  margin: 0;
  max-width: 40em;
  margin: 0 auto; }
/* line 498, ../src/pages.scss */
.follow .mc-field-group input {
  font-size: 1.125em;
  font-family: arek, serif; }
/* line 502, ../src/pages.scss */
.follow #mc_embed_signup .button {
  background-color: #ee1c25 !important;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 10px;
  text-decoration: none;
  letter-spacing: 1px;
  margin-top: 1em;
  margin-bottom: 1em;
  display: inline-block;
  transition: background-color 0.2s;
  font-family: arek, serif;
  font-weight: 600; }
  /* line 516, ../src/pages.scss */
  .follow #mc_embed_signup .button:hover {
    background-color: #810a0f !important; }
/* line 520, ../src/pages.scss */
.follow .brandingLogo {
  display: none; }