/* Shared mobile page banners. Desktop styling stays in the existing theme. */
@media only screen and (max-width: 992px) {
  #backfs:not(.home) > .container {
    display: flex;
    align-items: center;
    min-height: 210px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  #backfs:not(.home) .container .title {
    font-size: 32px;
    line-height: 38px;
    font-weight: 600;
    margin: 0 !important;
    overflow-wrap: break-word;
  }

  #backfs:not(.home) .subline {
    margin-top: 12px;
    margin-bottom: 0;
  }

  /* The home banner includes longer introductory copy and keeps its own size. */
  #backfs.home {
    min-height: 480px !important;
    height: auto;
  }

  #backfs.home > .container {
    display: flex;
    align-items: center;
    min-height: 480px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  #backfs.home .container .title {
    font-size: 32px;
    line-height: 38px;
    font-weight: 600;
    margin: 0 0 20px !important;
    overflow-wrap: break-word;
  }
}