/* Family names and hometowns follow the supplied printed invitation. */
.invitation-letter > .invitation-host { font-weight: 600; margin-bottom: 12px; color: var(--burgundy); }
.family-details-section { padding-top: 65px; padding-bottom: 60px; background: var(--paper); }
.family-details-section .script-heading { margin-bottom: 36px; }
.family-heritage { max-width: 420px; margin: 0 auto 36px; }
.family-details-section h3 { font: 400 27px/1.3 var(--serif); color: var(--burgundy); }
.family-heritage p { margin-top: 15px; font: 400 20px/1.5 var(--serif); color: var(--muted); text-wrap: balance; }
.family-heritage p span, .family-compliments li span { display: block; font-size: 17px; font-style: italic; }
.family-compliments { max-width: 440px; margin: 40px auto 0; padding-top: 35px; border-top: 1px solid #a47b4140; }
.family-compliments ul { list-style: none; padding: 0; margin: 23px 0 0; }
.family-compliments li { margin: 18px 0; font: 400 20px/1.5 var(--serif); color: var(--muted); text-wrap: balance; }
.family-correspondence { max-width: 440px; margin: 38px auto 0; padding-top: 30px; border-top: 1px solid #a47b4140; }
.family-correspondence p { margin-top: 14px; font-size: 22px; }
.family-correspondence address { margin-top: 9px; font: 400 18px/1.6 var(--serif); color: var(--muted); text-wrap: balance; }
.closing-section > .gift-note { padding: 18px 0; color: var(--burgundy); font-style: italic; }
@media (max-width: 370px) {
  .family-heritage p, .family-compliments li { font-size: 19px; }
  .family-correspondence address { font-size: 17px; }
}