@import "@/styles/variables";
@import "@/styles/mixins";

.banner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 3.75rem;
  background-size: 100% 100%;
  height: 25rem;

  .container {
    margin: 0 auto;
    padding: 8rem 1rem;
    text-align: center;
    z-index: 2;
    max-width: 54rem;

    h1 {
      max-width: 40rem;
      @include h0();
      color: $white;
      word-break: keep-all;
    }

    h5 {
      max-width: 40rem;
      @include h5();
      color: rgba($white, 0.8);
      padding: 1rem 0 1.5rem 0;
    }
  }
}