/* Text Elements */

h1 {
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 900;
  font-family: 'Lemon', cursive;
}

h2 a.heading-text-1 {
  color: #005406;
}

h2 {
  border-bottom: .125rem dotted #ffc709;
  color: #1e1e1e;
  font-family: 'Lemon', cursive;
}

h2 a.heading-text-1:hover {
  color: #1e1e1e;
  text-decoration: none;
}

p.paragraph span.paragraph-text-1 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-2 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-3 {
  font-weight: 700;
}

p.paragraph {
  margin-top: 0;
  margin-bottom: 20px;
  color: #1e1e1e;
  font-weight: 500;
  font-size: 18px;
  font-family: 'Nunito', sans-serif;
  line-height: 22px;
}

p.paragraph.header-subtext {
  font-weight: 700;
  font-size: 20px;
}

/* Layout Elements */

body {
  background-color: #0d0d0d;
}

.container.main-container {
  margin-right: auto;
  margin-left: auto;
  width: 900px;
}

.container.header-container {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  height: auto;
  background-color: #ffc709;
  text-align: center;
}

.container.content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
}

.container.content-container {
  -ms-flex-order: 1;
  padding: 20px 60px;
  background-color: #ededed;

  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
}

.container.footer-container {
  padding: 20px;
  max-width: 900px;
  width: 860px;
  height: auto;
  background-color: #ffc709;
  text-align: center;
}

.container.header-background.header-container {
  height: 316px;
  background-image: url('../Art%20pose%20hero%20image-min.png');
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.spacer-100px {
  height: 100px;
}

.container.spacer-40px {
  height: 40px;
}

.container.spacer-20px {
  min-height: 20px;
}

.html-element.itch-widget {
  margin: 20px auto 40px;
  width: 100%;
}

a.responsive-picture.mobile-image {
  display: none;
}

@media screen and (max-width: 40.5rem) {
  /* Layout Elements */

  .container.content-wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .container.main-container {
    max-width: 800px;
    width: auto;
  }

  .container.footer-container {
    max-width: 800px;
    width: auto;
  }

  .container.header-background.header-container {
    height: 209px;
  }

  .container.header-container {
    padding-right: 10px;
    padding-left: 10px;
    width: auto;
  }

  a.responsive-picture.mobile-image {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 400px;
  }
}

@media screen and (max-width: 29.9375rem) {
  /* Layout Elements */

  .container.content-container {
    padding-right: 20px;
    padding-left: 20px;
  }

  a.responsive-picture.mobile-image {
    width: 300px;
  }
}

@media screen and (max-width: 21.25rem) {
  /* Text Elements */

  h1 {
    font-size: 24px;
  }

  h2.footer-header {
    font-size: 20px;
  }

  p.paragraph.header-subtext {
    font-size: 18px;
  }

  /* Layout Elements */

  .container.content-container {
    padding-right: 20px;
    padding-left: 20px;
  }

  .container.header-background.header-container {
    height: 115px;
  }

  .html-element.itch-widget {
    display: none;
  }

  a.responsive-picture.mobile-image {
    margin-bottom: 40px;
  }
}