.library-hero {
  display: block;
  padding: 22px 0 30px;
}

.library-hero h1 {
  font-size: clamp(40px, 5vw, 60px);
  margin: 12px 0 14px;
}

.library-hero p {
  margin: 0;
  font-size: 16px;
}

@media (max-width: 560px) {
  .library-hero {
    padding: 10px 0 24px;
  }

  .library-hero h1 {
    font-size: 38px;
  }
}