html,
body,
div,
p,
td,
th { font-family: "Cormorant", serif; font-weight: 500; font-style: normal; font-size:19px; text-align:justify; }
a { text-decoration:none; }
p { margin:0.33em 0; }
label, input, textarea { text-align:left; }
h1 { font-family: "Caveat Brush", cursive; font-weight: 400; font-style: normal; font-size:40px; margin:16px 0 16px 0; text-align:center; }
img { margin:12px 0; }

#viewport { width:375px; margin: 30px auto 0 auto; }
.logo { width:100%; }
.emphasizedText, em { letter-spacing: 0.5px; font-weight:bold; font-style:normal; }

#mainPage { width:100%; }

#sectionIntro { text-align:center; }

#sectionDTL th { width:30%; vertical-align: top; }
#sectionDTL td { width:70%; }

#sectionContact th { width:44%; }
#sectionContact td { width:56%; }

#formRSVP { text-align: left; }

#formAttendees .attendee { border-left:1px solid; border-right:1px solid; border-bottom:1px solid; padding:2px; margin-top:13px; }
#formAttendees .attendee label { width:100px; display:inline-block; }
#formAttendees .attendee input, #formAttendees .attendee select { width:269px; }
#formAttendees .attendee select option:disabled { font-style: italic; }
#formAttendees { padding-bottom:13px; }

#inputNotes { width:100%; height:5em; overflow-y: scroll; resize: none; }

#wishlist .wishlistItem.selectedByOther { text-decoration: line-through; }

#invalidPage { width:100%; text-align:center; }