.c-highlight {
  width: 100%;
  padding-bottom: 25px !important;
}
.c-highlight.c-highlight__error {
  background: #890f0f;
  color: white;
}
.c-highlight.c-highlight__success {
  background: #0f8919;
  color: white;
}

@media screen and (max-width: 736px) {
  #main > * {
    padding-bottom: 25px !important;
  }
  #intro {
    min-height: 50vh;
    justify-content: center;
    text-shadow: 2px 2px 4px black;
  }
  #wrapper > .bg {
    background-position-y: -240px;
  }
  #wrapper.angels > .bg {
    background-position-y: -540px;
  }
}
#wrapper.demons > .bg {
  background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images/bg-demons.jpg");
}

#wrapper.angels > .bg {
  background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images/bg-angels.jpg");
}

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