.qrss__page-banner {
  margin-bottom: 24px;
}

.qrss__page-banner__content {
  background-color: var(--qrss-light-blue) !important;
  gap: 8px !important;
}

.qrss__page-banner__content h1 {
  font-size: 32px;
  line-height: 40px;
}

.qrss__page-banner__content span {
  font-size: 16px;
  line-height: 20px;
}

.qrss__page-banner__image {
  height: 180px;
}

.qrss__page-banner__image img {
  object-fit: cover;
}

@media (min-width: 576px) {
  .qrss__page-banner {
    background-color: var(--qrss-light-blue);
  }

  .qrss__page-banner__content span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
  }

  .qrss__page-banner__image {
    flex: 0 0 240px;
    height: 190px;
  }
}

@media (min-width: 768px) {
  .qrss__page-banner--compact {
    align-items: center !important;
    box-sizing: content-box;
    gap: 16px !important;
    height: 128px;
    padding: 16px !important;
  }

  .qrss__page-banner--compact .qrss__page-banner__content {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: normal !important;
    padding: 0 !important;
  }

  .qrss__page-banner--compact .qrss__page-banner__content h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .qrss__page-banner--compact .qrss__page-banner__description {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    justify-content: center;
    line-height: 20px;
  }

  .qrss__page-banner--compact .qrss__page-banner__image {
    flex: 0 0 auto;
    height: 128px;
    width: 160px;
  }

  .qrss__page-banner--compact .qrss__page-banner__image img {
    height: 100% !important;
    object-fit: cover;
    width: 100% !important;
  }

  .qrss__page-banner__title-wrap--title-only {
    margin-top: 16px;
  }

  .qrss__page-banner--listing .qrss__page-banner__title {
    font-size: 32px !important;
    line-height: 40px !important;
  }

  .qrss__page-banner--listing .qrss__page-banner__description {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .qrss__page-banner__content {
    max-width: 66%;
  }
}