/* Transparent chocolate botanical ornament above the invitation title. */
.brown-lace-strip {
  width: min(86%, 500px);
  height: 145px;
  margin: -10px 0 24px 50%;
  background: url('assets/floral-ornament.png') center / 100% 100% no-repeat;
  transform: translateX(-50%);
  opacity: .28;
}

.invitation .lace-corner { display: none; }

.invitation {
  text-align: center;
}

.invitation > .kicker {
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .22em;
}

.floral-ornament-bottom {
  width: min(86%, 500px);
  height: 145px;
  margin: 0 0 -10px 50%;
  background: url('assets/floral-ornament.png') center / 100% 100% no-repeat;
  transform: translateX(-50%) rotate(180deg);
  opacity: .28;
}

.invitation h2 {
  font-size: clamp(42px, 6vw, 62px);
}

@media (max-width: 700px) {
  .brown-lace-strip {
    width: 84%;
    height: 105px;
    margin: -8px 0 22px 50%;
  }

  .floral-ornament-bottom {
    width: 84%;
    height: 105px;
    margin: 0 0 -8px 50%;
  }

  .invitation h2 {
    font-size: 39px;
  }

  .invitation > .kicker {
    font-size: 11px;
    letter-spacing: .16em;
  }
}