/* Landing page styles.
 *
 * Bootstrap 5 removed the .jumbotron component. These rules reproduce the
 * Bootstrap 4.5.0 .jumbotron appearance so the page looks unchanged after the
 * upgrade; the values are taken from the BS4 source.
 *
 * BS5 also rescaled the display headings (.display-3 went from 4.5rem to
 * 4rem and gained weight 300 -> 300 but a different line-height), so the
 * banner heading is pinned to the BS4 size here for the same reason.
 */

.landing-banner {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: .3rem;
}

@media (min-width: 576px) {
  .landing-banner {
    padding: 4rem 2rem;
  }
}

.landing-banner .display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

/* The logo had no sizing of its own and relied on its intrinsic dimensions;
 * .img-fluid now caps it to the container width on small screens. */
.landing-banner img {
  margin-bottom: 1rem;
}