/*===================================================================================*/
/*  Global | Variables | Partial
/*===================================================================================*/
.app-banner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 0) and (max-width: 47.9375em) {
  .app-banner {
    height: 36rem;
  }
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .app-banner {
    height: 45rem;
  }
}
@media screen and (min-width: 64em) {
  .app-banner {
    height: 60rem;
  }
}
.app-banner__background {
  position: absolute;
  height: 100%;
  display: block;
}
.app-banner__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@media screen and (min-width: 0) and (max-width: 63.9375em) {
  .app-banner__background {
    width: 100vw;
    right: -2rem;
  }
}
@media screen and (min-width: 64em) {
  .app-banner__background {
    width: calc(100% + (100vw - 100%) / 2);
    right: 0;
  }
}
.app-banner__content {
  position: relative;
}
@media screen and (min-width: 48em) {
  .app-banner__content {
    padding-bottom: 8rem;
  }
}
@media screen and (min-width: 0) and (max-width: 47.9375em) {
  .app-banner .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.app-banner .title__title {
  text-align: center;
}
@media screen and (min-width: 48em) {
  .app-banner .title h2 {
    font-size: 6rem;
  }
}
.app-banner__description {
  color: #ffffff;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 0) and (max-width: 47.9375em) {
  .app-banner--double .app-banner__background {
    right: auto;
  }
  .app-banner--double .app-banner__content {
    text-align: center;
  }
}
@media screen and (min-width: 48em) {
  .app-banner--double {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .app-banner--double .app-banner__content {
    padding-right: 2.5rem;
  }
  .app-banner--double .app-banner__title {
    text-align: left;
  }
  .app-banner--double:first-child {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .app-banner--double:first-child .app-banner__content {
    padding-right: 5rem;
  }
  .app-banner--double:last-child .app-banner__background {
    left: 0;
  }
  .app-banner--double:last-child .app-banner__content {
    padding-left: 5rem;
  }
}
.app-banner--full .app-banner__background {
  width: 100vw;
  right: auto;
  left: auto;
}
.app-banner--full .app-banner__content {
  text-align: center;
}
@media screen and (min-width: 48em) {
  .app-banner--right .app-banner__background {
    left: 0;
    right: auto;
  }
  .app-banner--right .app-banner__content {
    padding-left: 8rem;
  }
}
@media screen and (min-width: 48em) {
  .app-banner--left, .app-banner--right {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .app-banner--left .app-banner__title, .app-banner--right .app-banner__title {
    text-align: left;
  }
}
/*# sourceMappingURL=app-banner.css.map */