@import url("/site-base.css");
@import url("/rubrics.css");
@import url("/ads.css");
@import url("/photos.css");
@import url("/attachments.css");
@import url("/home.css");
@import url("/events.css");
@import url("/bins.css");
@import url("/hours.css");
@import url("/notfound.css");
@import url("/welcome.css");

@media (min-width: 900px) {
  .hero {
    align-items: start;
  }

  .hero > .mascot {
    margin-top: 3rem;
    min-height: 0;
    align-items: flex-start;
  }

  .hero > .mascot > img {
    width: min(86%, 22rem);
  }
}