.page-topper {
  margin-bottom: 25px; }
  @media screen and (min-width: 1200px) {
    .page-topper {
      margin-bottom: 50px; } }

.page-topper__text-container {
  border-bottom: 1px solid #7dd69d;
  padding: 30px 0 22px; }
  @media screen and (min-width: 768px) {
    .page-topper__text-container {
      padding: 30px 0 22px; } }
  @media screen and (min-width: 1200px) {
    .page-topper__text-container {
      padding: 30px 0 50px; } }
  .page-topper__text-container .js-quickedit-page-title {
    margin-bottom: 0; }

.page-topper__title {
  font-size: 2.25rem; }
  @media screen and (min-width: 768px) {
    .page-topper__title {
      font-size: 3rem; } }
  .page-topper__title h1 {
    margin: 0; }

.page-topper__subtitle {
  font-size: 1.313rem;
  margin: 0; }
  .page-topper__subtitle p {
    margin: 0; }