.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.main-body {
  color: #433224;
  text-align: center;
  background-color: #fff;
  height: 100vh;
  font-family: haboro-serif, sans-serif;
  font-weight: 700;
  display: block;
}

.main-logo-container {
  box-sizing: border-box;
  color: #231f20;
  object-fit: fill;
  background-color: #ebe8e1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: static;
}

.main-logo-div-block {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  background-color: #ebe8e1;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 80%;
  margin: 0 auto;
  display: flex;
  position: static;
  inset: 0%;
}

.main-logo {
  float: none;
  clear: none;
  background-color: #ebe8e1;
  flex: 0 auto;
  width: 383px;
  max-width: 95%;
  margin: auto;
  display: block;
  position: static;
}

.main-title {
  color: #231f20;
  text-align: center;
  letter-spacing: 5px;
  background-color: #ebe8e1;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  font-family: EB Garamond, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 33px;
}

.main-title-date {
  font-family: haboro-serif, sans-serif;
  font-weight: 400;
}

.introduction-container {
  color: #433224;
  background-color: #dbd7ce;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.introduction-div-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  margin: auto;
  padding-top: 0;
  display: flex;
}

.introduction-image1 {
  width: 583px;
  margin: 40px auto;
}

.introduction-text1 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: haboro-serif, sans-serif;
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.6em;
}

.introduction-text2 {
  margin-left: auto;
  margin-right: auto;
  font-family: haboro-serif, sans-serif;
  font-weight: 600;
}

.itc1 {
  text-transform: none;
  margin: 0 auto;
  font-size: 1.6em;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3em;
}

.itc2 {
  margin: 0 auto;
  font-size: 2.5em;
  font-weight: 600;
  line-height: 1.3em;
}

.itc3 {
  margin: 0 auto;
  font-size: 3.4em;
  font-weight: 600;
  line-height: 1em;
}

.introduction-image2 {
  mix-blend-mode: multiply;
  width: 740px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.wedding-place-container {
  color: #433224;
  background-color: #ebe8e1;
  max-width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wedding-place-div-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  margin: auto;
  display: flex;
}

.wedding-place-image1 {
  mix-blend-mode: multiply;
  width: 740px;
  margin-left: auto;
  margin-right: auto;
}

.wedding-place-text1 {
  flex: 0 auto;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.wpc1 {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Minionpro, Times New Roman, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.1em;
}

.wpc2 {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: haboro-serif, sans-serif;
  font-size: 2.4em;
  font-weight: 700;
  line-height: 1.2em;
}

.wpc2.code-13 {
  font-size: 1.7em;
  line-height: 1.3em;
}

.wpc3 {
  margin: 0 auto;
  font-family: Minionpro, Times New Roman, sans-serif;
  font-size: 1.9em;
  font-weight: 400;
  line-height: 1.1em;
}

.wedding-place-image2 {
  mix-blend-mode: multiply;
  width: 740px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.wedding-place-text2 {
  flex: 0 auto;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.wedding-place-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  grid-template: "Area Area-2"
                 "Area-3 Area-4"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-self: center;
  place-items: center;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.wpg-text {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: Minionpro, Times New Roman, sans-serif;
  font-size: 1.9em;
  line-height: 1.1em;
}

.wpg-image {
  width: 213px;
  margin: 0 40px;
}

.our-dearest-div-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  margin: auto;
  padding-top: 0;
  display: flex;
}

.our-dearest-image {
  mix-blend-mode: multiply;
  width: 283px;
  margin-left: auto;
  margin-right: auto;
}

.our-dearest-heading {
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  font-family: Alex Brush, sans-serif;
  font-size: 6em;
  font-weight: 400;
  line-height: 1em;
}

.our-dearest-grid1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "Area Area"
                       "Area-2 Area-3";
  align-self: center;
  place-items: center;
  width: 100%;
  max-width: none;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.principal-sponsors-heading {
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  justify-content: center;
  align-items: center;
  margin: 0 0 10px;
  font-family: Alex Brush, sans-serif;
  font-size: 2.6em;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
  text-decoration-style: solid;
  display: flex;
}

.principal-sponsors-list-left {
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 13px;
  padding-left: 0;
  font-family: haboro-serif, sans-serif;
  font-weight: 600;
}

.principal-sponsors-list-left-item {
  margin: 5px auto;
  font-size: 1.5em;
  line-height: 1.3em;
}

.principal-sponsors-list-right {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 13px;
  padding-left: 0;
  padding-right: 0;
  font-family: haboro-serif, sans-serif;
  font-weight: 600;
}

.principal-sponsors-list-right-item {
  margin: 5px auto;
  font-size: 1.5em;
  font-style: normal;
  line-height: 1.3em;
}

.our-dearest-grid2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-areas: "Area Area-2"
                       "Area-3 Area-4";
  align-self: center;
  place-items: center;
  width: 100%;
  max-width: none;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.best-men-heading {
  letter-spacing: normal;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 13px;
  font-family: Alex Brush, sans-serif;
  font-size: 2.6em;
  font-weight: 400;
  line-height: 1em;
  display: block;
}

.maid-of-honor-heading {
  text-align: center;
  letter-spacing: normal;
  margin-left: 13px;
  margin-right: 0;
  font-family: Alex Brush, sans-serif;
  font-size: 2.6em;
  font-weight: 400;
  line-height: 1em;
}

.best-men-list {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 13px;
  padding-left: 0;
}

.best-men-list-item {
  margin: 5px auto;
  font-family: haboro-serif, sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.3em;
}

.maid-of-honor-list {
  margin-bottom: 0;
  margin-left: 13px;
  margin-right: 0;
  padding-left: 0;
}

.maid-of-honor-list-item {
  margin: 5px auto;
  font-family: haboro-serif, sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.3em;
}

.our-dearest-grid3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-areas: "Area Area-2"
                       "Area-3 Area-4";
  align-self: center;
  place-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.groomsmen-heading {
  letter-spacing: normal;
  margin-left: 0;
  margin-right: 13px;
  font-family: Alex Brush, sans-serif;
  font-size: 2.6em;
  font-weight: 400;
  line-height: 1em;
}

.bridesmaids-heading {
  letter-spacing: normal;
  margin-left: 13px;
  margin-right: 0;
  font-family: Alex Brush, sans-serif;
  font-size: 2.6em;
  font-weight: 400;
  line-height: 1em;
}

.groomsmen-list {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 13px;
  padding-left: 0;
}

.bridesmaids-list {
  margin-bottom: 0;
  margin-left: 13px;
  margin-right: 0;
  padding-left: 0;
}

.groomsmen-list-item, .bridesmaids-list-item {
  margin: 5px auto;
  font-family: haboro-serif, sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.3em;
}

.our-dearest-grid4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "Area Area Area"
                 ". . ."
                 / 1fr 1fr 1fr;
  align-self: center;
  place-items: center;
  width: 100%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.junior-bridesmaids-heading {
  letter-spacing: normal;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Alex Brush, sans-serif;
  font-size: 2.6em;
  font-weight: 400;
  line-height: 1em;
}

.jbt1 {
  text-align: center;
  margin: 10px auto 5px;
  font-family: haboro-serif, sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.3em;
}

.jbt2, .jbt3 {
  margin: 10px auto 5px;
  font-family: haboro-serif, sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.3em;
}

.our-dearest-names1, .our-dearest-names2 {
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.our-dearest-grid5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "Area Area Area"
                 ". . ."
                 ". . ."
                 ". . ."
                 / 1fr 1fr 1fr;
  align-self: center;
  place-items: center;
  width: 100%;
  max-width: none;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.secondary-sponsors-heading {
  letter-spacing: normal;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Alex Brush, sans-serif;
  font-size: 2.6em;
  font-weight: 400;
  line-height: 1em;
}

.ssth1, .ssth2, .ssth3 {
  margin: 10px auto 5px;
  font-family: haboro-serif, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.4em;
}

.sstt1, .sstt2, .sstt3 {
  margin: 5px auto;
  font-family: haboro-serif, sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.3em;
}

.our-dearest-grid6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  width: 100%;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

.our-dearest-grid7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "Area Area Area";
  place-items: center;
  width: 100%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.attire-container {
  color: #433224;
  background-color: #ebe8e1;
  max-width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.attire-div-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  margin: auto;
  display: flex;
}

.attire-image1 {
  -webkit-text-fill-color: inherit;
  mix-blend-mode: multiply;
  background-clip: border-box;
  width: 323px;
  margin-left: auto;
  margin-right: auto;
}

.attire-heading {
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  font-family: Alex Brush, sans-serif;
  font-size: 6em;
  font-weight: 400;
  line-height: 1em;
}

.at1 {
  letter-spacing: normal;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Alex Brush, sans-serif;
  font-size: 4em;
  font-weight: 400;
  line-height: 1em;
}

.attire-text1 {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  font-family: haboro-serif, sans-serif;
  font-weight: 700;
}

.at2 {
  font-family: haboro-serif, sans-serif;
  font-size: 1.7em;
  font-weight: 600;
  line-height: 1em;
}

.code-1, .code-2, .code-3, .code-4 {
  font-family: haboro-serif, sans-serif;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1em;
}

.attire-grid1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: row;
  grid-template: "."
                 "."
                 "."
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  place-items: center;
  width: auto;
  max-width: 960px;
  margin-top: 60px;
  margin-left: 0;
  margin-right: 0;
  display: grid;
  position: static;
}

.attire-text2 {
  text-align: left;
  margin: 5px 0;
}

.for-the-ladies-heading {
  margin-top: 10px;
  font-family: haboro-serif, sans-serif;
  font-size: 1.5em;
  line-height: 1em;
}

.ftlt1 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: haboro-serif, sans-serif;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1em;
}

.attire-text3 {
  text-align: left;
  margin: 15px 0 5px;
}

.for-the-gentleman-heading {
  margin-top: 10px;
  font-family: haboro-serif, sans-serif;
  font-size: 1.5em;
  line-height: 1em;
}

.ftg1 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: haboro-serif, sans-serif;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1em;
}

.attire-image2 {
  clear: none;
  mix-blend-mode: multiply;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 370px;
  height: auto;
  max-height: none;
  margin: 10px 0 0;
  display: block;
  position: static;
  inset: auto;
}

.attire-text4 {
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  font-family: haboro-serif, sans-serif;
  font-size: 2.1em;
  font-weight: 600;
  line-height: 1em;
}

.attire-text5 {
  margin: 20px auto 10px;
  font-family: haboro-serif, sans-serif;
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1em;
}

.attire-text6 {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  font-family: haboro-serif, sans-serif;
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1em;
}

.attire-column1 {
  width: 100%;
  max-width: none;
  margin: 30px auto;
}

.attire-color-text {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin: 5px auto;
  font-family: haboro-serif, sans-serif;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1em;
  display: flex;
}

.attire-color-image {
  mix-blend-mode: multiply;
  margin: 5px auto;
}

.attire-column-object {
  display: block;
  position: static;
}

.gifts-container {
  color: #433224;
  background-color: #dbd7ce;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.rsvp-container {
  color: #433224;
  background-color: #ebe8e1;
  max-width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.faq-container {
  color: #433224;
  background-color: #dbd7ce;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.gifts-div-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  margin: auto;
  display: flex;
}

.gifts-image {
  mix-blend-mode: multiply;
  width: 283px;
  margin-left: auto;
  margin-right: auto;
}

.gifts-heading {
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  font-family: Alex Brush, sans-serif;
  font-size: 6em;
  font-weight: 400;
  line-height: 1em;
}

.gifts-text1 {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: haboro-serif, sans-serif;
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.2em;
}

.gifts-text2 {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  font-family: haboro-serif, sans-serif;
  font-size: 2em;
  font-weight: 600;
  line-height: 1.2em;
}

.gifts-column1 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin: 60px auto 0;
  display: block;
}

.gifts-clickable-img {
  mix-blend-mode: multiply;
  max-width: 100%;
}

.gifts-left-column {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
}

.gifts-link-block1 {
  margin-left: auto;
  margin-right: auto;
}

.gifts-link-text1 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.glt1 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: haboro-serif, sans-serif;
  font-size: 1.7em;
  font-weight: 700;
  line-height: 1.2em;
}

.glt2 {
  margin-bottom: 0;
  font-family: haboro-serif, sans-serif;
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.2em;
}

.gifts-right-column {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 0;
  display: flex;
}

.gifts-link-block2 {
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.gifts-link-text2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.gifts-column2, .gifts-column3 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin: 40px auto 0;
  display: block;
}

.rsvp-div-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  margin: auto;
  display: flex;
}

.faq-div-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  margin: auto;
  display: block;
}

.our-dearest-container {
  color: #433224;
  background-color: #dbd7ce;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.rsvp-image1 {
  mix-blend-mode: multiply;
  width: 283px;
  margin-left: auto;
  margin-right: auto;
}

.faq-image {
  mix-blend-mode: multiply;
  width: 223px;
  margin-left: auto;
  margin-right: auto;
}

.rsvp-heading, .faq-heading {
  letter-spacing: 8px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  font-family: Alex Brush, sans-serif;
  font-size: 6em;
  font-weight: 400;
  line-height: 1em;
}

.rsvp-text1 {
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  font-family: haboro-serif, sans-serif;
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.2em;
}

.rsvp-text-div-block {
  border-top: 1.5px solid #433224;
  border-bottom: 1.5px solid #433224;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 90%;
  margin-top: 75px;
  margin-bottom: 75px;
  padding-top: 45px;
  padding-bottom: 45px;
  display: flex;
}

.rtdbt1 {
  margin: 5px auto 15px;
  font-family: haboro-serif, sans-serif;
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.2em;
}

.rtdbt2 {
  margin: 15px auto 5px;
  font-family: haboro-serif, sans-serif;
  font-size: 5.5em;
  font-weight: 600;
  line-height: 1em;
}

.rsvp-text2 {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  font-family: haboro-serif, sans-serif;
  font-size: 1.9em;
  font-weight: 600;
  line-height: 1.3em;
}

.code-5 {
  font-family: haboro-serif, sans-serif;
  font-weight: 700;
}

.rsvp-text3 {
  text-align: center;
  letter-spacing: 3px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  font-family: haboro-serif, sans-serif;
  font-size: 1.9em;
  font-weight: 600;
  line-height: 1.3em;
}

.code-6 {
  letter-spacing: normal;
  font-family: haboro-serif, sans-serif;
  font-weight: 700;
}

.rsvp-image2 {
  mix-blend-mode: multiply;
  width: 353px;
  margin: 80px auto 10px;
}

.faq-class1 {
  text-align: center;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin: 100px auto 10px;
  font-family: haboro-serif, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  display: block;
}

.question-text {
  text-align: justify;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.1em;
}

.answer-text {
  text-align: justify;
  font-family: haboro-serif, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2em;
}

.faq-class2 {
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin: 60px auto 10px;
  font-family: haboro-serif, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  display: block;
}

.code-7 {
  color: #433224;
  font-family: haboro-serif, sans-serif;
  font-weight: 700;
  text-decoration: underline;
}

.code-8, .code-9 {
  text-align: left;
  margin-left: 40px;
  font-family: haboro-serif, sans-serif;
}

.faq-class3 {
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin: 60px auto 90px;
  font-family: haboro-serif, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  display: block;
}

.qr-codes-body {
  color: #433224;
  text-align: center;
  background-color: #fff;
  height: 100vh;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
  display: block;
}

.qr-codes-main-text {
  margin-bottom: 0;
  font-family: haboro-serif, sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.3em;
}

.qr-codes-page-container {
  color: #433224;
  background-color: #ebe8e1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.qr-codes-page-div-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  margin: auto;
  display: flex;
}

.qr-codes-text1 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: haboro-serif, sans-serif;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.3em;
}

.qr-codes-text2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: haboro-serif, sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.3em;
}

.qr-column1 {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  justify-content: center;
  align-items: center;
  max-width: 80%;
  margin-top: 80px;
  margin-bottom: 40px;
  display: flex;
}

.qr-column2 {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  justify-content: center;
  align-items: center;
  max-width: 80%;
  margin-top: 40px;
  margin-bottom: 60px;
  display: flex;
}

.qr-code-image {
  width: 100%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.code-10, .code-11 {
  font-family: Minionpro, Times New Roman, sans-serif;
  font-weight: 400;
}

.code-12 {
  font-family: Minionpro, Times New Roman, sans-serif;
  font-size: 1.1em;
}

.code-13 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: -9px;
  font-family: haboro-serif, sans-serif;
  font-size: 1em;
  font-weight: 700;
  line-height: 1em;
  display: block;
}

.wpc4 {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: haboro-serif, sans-serif;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.2em;
}

@media screen and (max-width: 991px) {
  .main-logo-container {
    flex-flow: column;
    max-width: 100%;
    display: flex;
  }

  .main-logo {
    max-width: 85%;
  }

  .introduction-div-block {
    max-width: 80%;
  }

  .introduction-image1 {
    width: 553px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .itc3 {
    font-size: 3em;
  }

  .introduction-image2 {
    width: 614px;
    margin-top: 90px;
  }

  .wedding-place-div-block {
    max-width: 80%;
  }

  .wedding-place-image1 {
    width: 614px;
  }

  .wedding-place-image2 {
    width: 614px;
    margin-top: 90px;
  }

  .wedding-place-grid {
    margin-top: 90px;
  }

  .wpg-text {
    margin-top: 15px;
  }

  .wpg-image {
    width: 203px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .our-dearest-div-block {
    max-width: 80%;
  }

  .our-dearest-image {
    max-width: 90%;
  }

  .our-dearest-heading {
    margin-top: 10px;
    font-size: 5em;
  }

  .our-dearest-grid1 {
    margin-top: 40px;
  }

  .principal-sponsors-heading {
    font-size: 2.1em;
  }

  .principal-sponsors-list-left-item, .principal-sponsors-list-right-item {
    font-size: 1.2em;
  }

  .our-dearest-grid2 {
    margin-top: 40px;
  }

  .best-men-heading, .maid-of-honor-heading {
    font-size: 2.1em;
  }

  .best-men-list-item, .maid-of-honor-list-item {
    font-size: 1.2em;
  }

  .our-dearest-grid3 {
    margin-top: 40px;
  }

  .groomsmen-heading, .bridesmaids-heading {
    font-size: 2.1em;
  }

  .groomsmen-list-item, .bridesmaids-list-item {
    font-size: 1.2em;
  }

  .our-dearest-grid4 {
    margin-top: 40px;
  }

  .junior-bridesmaids-heading {
    font-size: 2.1em;
  }

  .jbt1, .jbt2, .jbt3 {
    font-size: 1.2em;
  }

  .our-dearest-grid5 {
    margin-top: 40px;
  }

  .secondary-sponsors-heading {
    font-size: 2.1em;
  }

  .ssth1, .ssth2, .ssth3, .sstt1, .sstt2, .sstt3 {
    font-size: 1.2em;
  }

  .our-dearest-grid6 {
    margin-top: 60px;
  }

  .our-dearest-grid7 {
    margin-top: 20px;
  }

  .attire-div-block {
    max-width: 80%;
  }

  .attire-image1 {
    max-width: 90%;
  }

  .attire-heading {
    margin-top: 10px;
    font-size: 5em;
  }

  .at1 {
    font-size: 3.6em;
  }

  .attire-text1 {
    margin-top: 30px;
  }

  .at2 {
    font-size: 1.6em;
  }

  .code-1, .code-2 {
    font-size: 1.1em;
  }

  .attire-grid1 {
    width: auto;
    max-width: 768px;
    margin-top: 50px;
  }

  .for-the-ladies-heading {
    font-size: 1.3em;
  }

  .ftlt1 {
    font-size: 1.2em;
    line-height: 1.1em;
  }

  .for-the-gentleman-heading {
    font-size: 1.3em;
  }

  .ftg1 {
    font-size: 1.2em;
    line-height: 1.1em;
  }

  .attire-image2 {
    width: 303px;
    position: static;
  }

  .attire-text4 {
    margin-top: 50px;
    font-size: 1.9em;
  }

  .attire-text5 {
    margin-top: 10px;
    font-size: 1.4em;
  }

  .attire-text6 {
    font-size: 1.4em;
  }

  .attire-column1 {
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 768px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
  }

  .attire-color-text {
    font-size: 1.2em;
  }

  .gifts-div-block {
    max-width: 80%;
  }

  .gifts-image {
    max-width: 90%;
  }

  .gifts-heading {
    margin-top: 10px;
    font-size: 5em;
  }

  .gifts-text1 {
    margin-top: 10px;
    font-size: 1.5em;
    line-height: 1.3em;
  }

  .gifts-text2 {
    margin-top: 70px;
    font-size: 1.9em;
    line-height: 1.3em;
  }

  .gifts-column1 {
    margin-top: 50px;
  }

  .glt1 {
    font-size: 1.5em;
    line-height: 1.3em;
  }

  .glt2 {
    font-size: 1.3em;
    line-height: 1.3em;
  }

  .rsvp-div-block, .faq-div-block {
    max-width: 80%;
  }

  .rsvp-image1, .faq-image {
    max-width: 90%;
  }

  .rsvp-heading, .faq-heading {
    margin-top: 10px;
    font-size: 5em;
  }

  .rsvp-text1 {
    margin-top: 50px;
    font-size: 1.5em;
    line-height: 1.3em;
  }

  .rsvp-text-div-block {
    margin-top: 65px;
    margin-bottom: 65px;
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .rtdbt1 {
    font-size: 1.5em;
  }

  .rtdbt2 {
    font-size: 5.3em;
  }

  .rsvp-text2 {
    font-size: 1.8em;
  }

  .rsvp-text3 {
    margin-top: 30px;
    font-size: 1.8em;
  }

  .rsvp-image2 {
    max-width: 90%;
    margin-top: 70px;
  }

  .faq-class1 {
    margin-top: 80px;
  }

  .question-text {
    font-size: .9em;
    line-height: 1em;
  }

  .answer-text {
    font-size: .8em;
    line-height: 1.3em;
  }

  .faq-class2 {
    margin-top: 40px;
  }

  .code-8, .code-9 {
    margin-left: 30px;
  }

  .faq-class3 {
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .qr-codes-page-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
  }

  .qr-codes-page-div-block {
    flex-flow: column;
    max-width: 90%;
  }

  .qr-codes-text2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .qr-column1 {
    max-width: 90%;
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .qr-column2 {
    max-width: 90%;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .qr-code-image {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .main-logo-container {
    flex-flow: column;
    max-width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
  }

  .main-logo {
    max-width: 70%;
  }

  .introduction-container {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .introduction-div-block, .introduction-image1 {
    max-width: 90%;
  }

  .introduction-text1 {
    font-size: 1.5em;
    line-height: 1.5em;
  }

  .itc1 {
    font-size: 1.5em;
    line-height: 1.2em;
  }

  .itc2 {
    font-size: 2.4em;
    line-height: 1.2em;
  }

  .introduction-image2 {
    max-width: 90%;
    margin-top: 80px;
  }

  .wedding-place-container {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .wedding-place-div-block, .wedding-place-image1 {
    max-width: 90%;
  }

  .wpc1 {
    font-size: 1.6em;
  }

  .wpc2 {
    font-size: 2em;
  }

  .wpc2.code-13 {
    font-size: 1.4em;
  }

  .wpc3 {
    font-size: 1.5em;
  }

  .wedding-place-image2 {
    max-width: 90%;
    margin-top: 80px;
  }

  .wedding-place-grid {
    margin-top: 80px;
  }

  .wpg-text {
    margin-top: 15px;
    font-size: 1.5em;
  }

  .wpg-image {
    width: 163px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .our-dearest-div-block {
    max-width: 90%;
  }

  .our-dearest-image {
    max-width: 259px;
  }

  .our-dearest-heading {
    font-size: 4.9em;
  }

  .our-dearest-grid1 {
    margin-top: 20px;
  }

  .principal-sponsors-heading {
    font-size: 2em;
  }

  .principal-sponsors-list-left-item, .principal-sponsors-list-right-item {
    font-size: 1.1em;
  }

  .our-dearest-grid2 {
    margin-top: 20px;
  }

  .best-men-heading, .maid-of-honor-heading {
    font-size: 2em;
  }

  .best-men-list-item, .maid-of-honor-list-item {
    font-size: 1.1em;
  }

  .our-dearest-grid3 {
    margin-top: 20px;
  }

  .groomsmen-heading, .bridesmaids-heading {
    font-size: 2em;
  }

  .groomsmen-list-item, .bridesmaids-list-item {
    font-size: 1.1em;
  }

  .our-dearest-grid4 {
    margin-top: 20px;
  }

  .junior-bridesmaids-heading {
    font-size: 2em;
  }

  .jbt1, .jbt2, .jbt3 {
    margin-top: 5px;
    font-size: 1.1em;
  }

  .our-dearest-names1, .our-dearest-names2 {
    width: auto;
  }

  .our-dearest-grid5 {
    margin-top: 20px;
  }

  .secondary-sponsors-heading {
    font-size: 2em;
  }

  .ssth1, .ssth2, .ssth3 {
    margin-top: 5px;
    font-size: 1.1em;
  }

  .sstt1, .sstt2, .sstt3 {
    font-size: 1.1em;
  }

  .our-dearest-grid6 {
    margin-top: 40px;
  }

  .our-dearest-grid7 {
    margin-top: 15px;
  }

  .attire-container {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .attire-div-block {
    max-width: 90%;
  }

  .attire-image1 {
    max-width: 259px;
  }

  .attire-heading {
    font-size: 4.9em;
  }

  .at1 {
    font-size: 3.5em;
  }

  .attire-text1 {
    margin-top: 20px;
  }

  .at2 {
    font-size: 1.5em;
  }

  .attire-grid1 {
    grid-auto-flow: column;
    min-width: 420px;
    max-width: 620px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .for-the-ladies-heading {
    font-size: 1.2em;
  }

  .ftlt1 {
    font-size: 1.1em;
  }

  .for-the-gentleman-heading {
    font-size: 1.2em;
  }

  .ftg1 {
    font-size: 1.1em;
  }

  .attire-image2 {
    position: static;
  }

  .attire-text4 {
    font-size: 1.7em;
  }

  .attire-text5, .attire-text6 {
    font-size: 1.2em;
  }

  .attire-column1 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    max-width: 600px;
    display: flex;
  }

  .attire-color-text {
    font-size: 1em;
  }

  .gifts-container, .rsvp-container, .faq-container {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .gifts-div-block {
    max-width: 90%;
  }

  .gifts-image {
    max-width: 227px;
  }

  .gifts-heading {
    font-size: 4.9em;
  }

  .gifts-text1 {
    font-size: 1.4em;
    line-height: 1.4em;
  }

  .gifts-text2 {
    font-size: 1.8em;
    line-height: 1.4em;
  }

  .gifts-column1 {
    display: flex;
  }

  .gifts-clickable-img {
    display: inline-block;
  }

  .gifts-left-column {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: flex-start;
    padding-right: 10px;
    display: flex;
  }

  .gifts-link-block1 {
    align-self: auto;
  }

  .glt1, .glt2 {
    font-size: 1.4em;
    line-height: 1.4em;
  }

  .gifts-right-column {
    flex-flow: wrap;
    align-self: flex-start;
    padding-left: 10px;
    display: flex;
  }

  .gifts-link-block2 {
    order: 0;
    align-self: auto;
  }

  .gifts-column2, .gifts-column3 {
    display: flex;
  }

  .rsvp-div-block {
    max-width: 90%;
  }

  .faq-div-block {
    flex-flow: column;
    max-width: 85%;
    display: block;
  }

  .our-dearest-container {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .rsvp-image1, .faq-image {
    max-width: 194px;
  }

  .rsvp-heading, .faq-heading {
    font-size: 4.9em;
  }

  .rsvp-text1 {
    margin-top: 20px;
    font-size: 1.4em;
  }

  .rsvp-text-div-block {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .rtdbt1 {
    font-size: 1.4em;
  }

  .rtdbt2 {
    font-size: 5.2em;
  }

  .rsvp-text2 {
    font-size: 1.7em;
  }

  .rsvp-text3 {
    letter-spacing: 2px;
    margin-top: 20px;
    font-size: 1.7em;
  }

  .rsvp-image2 {
    max-width: 324px;
    margin-top: 40px;
  }

  .faq-class1 {
    margin-top: 40px;
  }

  .question-text {
    font-size: .7em;
    line-height: 1.1em;
  }

  .answer-text {
    font-size: .65em;
    line-height: 1.4em;
  }

  .faq-class2 {
    text-align: center;
    align-self: auto;
    margin-top: 20px;
  }

  .code-8, .code-9 {
    margin-left: 20px;
  }

  .faq-class3 {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .qr-codes-main-text {
    margin-bottom: 0;
    font-size: 1em;
  }

  .qr-codes-page-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
  }

  .qr-codes-page-div-block {
    max-width: 80%;
  }

  .qr-codes-text1 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.1em;
  }

  .qr-codes-text2 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1em;
  }

  .qr-column1 {
    max-width: none;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .qr-column2 {
    max-width: none;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .qr-code-image {
    width: 100%;
  }

  .wpc4 {
    font-size: 1.4em;
  }
}

@media screen and (max-width: 479px) {
  .main-body {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
  }

  .main-logo-container {
    flex-flow: column;
    height: 100%;
    margin: 0 auto;
    padding: 60px 0;
    display: flex;
  }

  .main-logo-div-block {
    max-width: 257px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }

  .main-logo {
    max-width: 70%;
  }

  .main-title {
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: none;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 17px;
    display: block;
  }

  .introduction-container {
    flex-flow: row;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0;
    display: flex;
  }

  .introduction-div-block {
    flex-flow: column;
    max-width: 95%;
  }

  .introduction-image1 {
    align-self: center;
    width: 507px;
    max-width: 90%;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .introduction-text1 {
    font-size: 1em;
    line-height: 1.5em;
  }

  .itc1 {
    font-size: 1em;
  }

  .itc2 {
    font-size: 1.6em;
  }

  .itc3 {
    font-size: 1.9em;
  }

  .introduction-image2 {
    width: 100%;
    max-width: 90%;
    margin-top: 50px;
  }

  .wedding-place-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .wedding-place-div-block {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 95%;
  }

  .wedding-place-image1 {
    width: 100%;
    max-width: 90%;
  }

  .wedding-place-text1 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .wpc1 {
    font-size: 1.1em;
  }

  .wpc2 {
    font-size: 1.3em;
  }

  .wpc2.code-13 {
    margin-top: 0;
    font-size: 1em;
  }

  .wpc3 {
    font-size: 1em;
  }

  .wedding-place-image2 {
    width: 100%;
    max-width: 90%;
    margin-top: 40px;
  }

  .wedding-place-text2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .wedding-place-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 80%;
    margin-top: 50px;
    display: grid;
  }

  .wpg-text {
    font-size: 1em;
  }

  .wpg-image {
    width: 100%;
    max-width: 80%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .our-dearest-div-block {
    flex-flow: column;
    max-width: 95%;
  }

  .our-dearest-image {
    width: 153px;
  }

  .our-dearest-heading {
    font-size: 3em;
  }

  .our-dearest-grid1 {
    margin-top: 10px;
  }

  .principal-sponsors-heading {
    margin-bottom: 5px;
    font-size: 1.4em;
  }

  .principal-sponsors-list-left {
    margin-right: 8px;
  }

  .principal-sponsors-list-left-item {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .6em;
    line-height: 1.5em;
  }

  .principal-sponsors-list-right {
    margin-left: 8px;
  }

  .principal-sponsors-list-right-item {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .6em;
    line-height: 1.5em;
  }

  .our-dearest-grid2 {
    margin-top: 10px;
  }

  .best-men-heading {
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 8px;
    font-size: 1.4em;
  }

  .maid-of-honor-heading {
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 8px;
    font-size: 1.4em;
  }

  .best-men-list-item, .maid-of-honor-list-item {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .6em;
    line-height: 1.5em;
  }

  .our-dearest-grid3 {
    margin-top: 10px;
  }

  .groomsmen-heading {
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 8px;
    font-size: 1.4em;
  }

  .bridesmaids-heading {
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 8px;
    font-size: 1.4em;
  }

  .groomsmen-list-item, .bridesmaids-list-item {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .6em;
    line-height: 1.5em;
  }

  .our-dearest-grid4 {
    margin-top: 10px;
  }

  .junior-bridesmaids-heading {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 1.4em;
  }

  .jbt1, .jbt2, .jbt3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .6em;
    line-height: 1.5em;
  }

  .our-dearest-grid5 {
    margin-top: 10px;
  }

  .secondary-sponsors-heading {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 1.4em;
  }

  .ssth1, .ssth2, .ssth3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .65em;
    line-height: 1.6em;
  }

  .sstt1, .sstt2, .sstt3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .6em;
    line-height: 1.5em;
  }

  .our-dearest-grid6 {
    margin-top: 20px;
  }

  .our-dearest-grid7 {
    margin-top: 10px;
  }

  .attire-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .attire-div-block {
    flex-flow: column;
    max-width: 90%;
  }

  .attire-image1 {
    width: 143px;
  }

  .attire-heading {
    font-size: 3em;
  }

  .at1 {
    font-size: 2em;
  }

  .attire-text1 {
    margin-top: 20px;
  }

  .at2 {
    margin-bottom: 5px;
    font-size: 1em;
  }

  .attire-grid1 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template: "Area Area Area-3 Area-3"
                   "Area-2 Area-2 Area-3 Area-3"
                   ". . Area-3 Area-3"
                   / 1.25fr 1.25fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: center;
    min-width: 0;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    display: grid;
    position: static;
  }

  .for-the-ladies-heading {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .8em;
    line-height: 1.3em;
  }

  .ftlt1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .65em;
    line-height: 1.4em;
  }

  .for-the-gentleman-heading {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .8em;
    line-height: 1.3em;
  }

  .ftg1 {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: .65em;
    line-height: 1.4em;
    display: block;
  }

  .attire-image2 {
    width: 173px;
    max-width: none;
    margin-top: 0;
    position: static;
  }

  .attire-text4 {
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 1.2em;
  }

  .attire-text5 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: .8em;
  }

  .attire-text6 {
    margin-top: 10px;
    font-size: .8em;
  }

  .attire-column1 {
    flex-flow: row;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
  }

  .attire-color-text {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: .7em;
  }

  .attire-color-image {
    margin-top: 0;
    margin-bottom: 0;
  }

  .attire-column-object {
    padding-left: 5px;
    padding-right: 5px;
  }

  .gifts-container {
    flex-flow: row;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0;
    display: flex;
  }

  .rsvp-container {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
  }

  .faq-container {
    flex-flow: row;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0;
    display: flex;
  }

  .gifts-div-block {
    flex-flow: column;
    max-width: 90%;
  }

  .gifts-image {
    width: 143px;
  }

  .gifts-heading {
    font-size: 3em;
  }

  .gifts-text1 {
    margin-top: 20px;
    font-size: .7em;
  }

  .gifts-text2 {
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: .9em;
  }

  .gifts-column1 {
    max-width: 95%;
    margin-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .gifts-left-column {
    align-self: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-right: 5px;
  }

  .glt1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .8em;
  }

  .glt2 {
    font-size: .7em;
  }

  .gifts-right-column {
    align-self: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
  }

  .gifts-column2, .gifts-column3 {
    max-width: 95%;
    margin-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .rsvp-div-block {
    flex-flow: column;
    max-width: 90%;
  }

  .faq-div-block {
    flex-flow: column;
    max-width: 90%;
    display: block;
  }

  .our-dearest-container {
    flex-flow: row;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0;
    display: flex;
  }

  .rsvp-image1 {
    width: 133px;
  }

  .faq-image {
    width: 123px;
  }

  .rsvp-heading, .faq-heading {
    font-size: 3em;
  }

  .rsvp-text1 {
    margin-top: 20px;
    font-size: .7em;
  }

  .rsvp-text-div-block {
    border-top-width: 1px;
    border-bottom-width: 1px;
    flex-flow: column;
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .rtdbt1 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: .8em;
    display: flex;
  }

  .rtdbt2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    font-size: 3em;
    display: flex;
  }

  .rsvp-text2 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: .9em;
  }

  .rsvp-text3 {
    letter-spacing: 1px;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: .9em;
  }

  .rsvp-image2 {
    width: 193px;
    margin-top: 40px;
    margin-bottom: 5px;
  }

  .faq-class1 {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .question-text {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: .5em;
    line-height: 1em;
  }

  .answer-text {
    margin-bottom: 5px;
    font-size: .4em;
    line-height: 1.3em;
  }

  .faq-class2 {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .code-8, .code-9 {
    margin-left: 15px;
  }

  .faq-class3 {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .qr-codes-body {
    -webkit-text-fill-color: inherit;
    object-fit: fill;
    background-color: #fff;
    background-clip: border-box;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .qr-codes-main-text {
    margin-bottom: 0;
    font-size: .7em;
  }

  .qr-codes-page-container {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
  }

  .qr-codes-page-div-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: stretch;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
  }

  .qr-codes-text1 {
    margin-bottom: 0;
    font-size: .8em;
    line-height: 1em;
  }

  .qr-codes-text2 {
    margin-top: 0;
    font-size: .7em;
    line-height: 1em;
  }

  .qr-column1 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .qr-column2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .qr-code-image {
    padding: 10px;
  }

  .div-block {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .wpc4 {
    font-size: .9em;
  }
}

#w-node-a6d28c13-fc80-bfcf-5fe6-ccbaebdbfa78-7dff600f {
  grid-area: Area;
}

#w-node-a8b2afd7-f818-13a5-34a0-f648aff681b1-7dff600f {
  grid-area: Area-2;
}

#w-node-f54a1f52-3344-5055-73e3-6436a4b1f46e-7dff600f {
  grid-area: Area-3;
}

#w-node-df232d29-b0e3-8d79-fcbd-69f9db2987b5-7dff600f {
  grid-area: Area-4;
}

#w-node-_3a4c426e-f87c-8113-cd1f-3df5c1141f2b-7dff600f {
  grid-area: Area;
  place-self: center;
}

#w-node-d3c10250-be56-a4ef-1ba2-988a2bf5ca64-7dff600f {
  grid-area: Area-2;
  place-self: start end;
}

#w-node-_076a8206-a4c5-6873-ee8c-eefd9e38bee5-7dff600f {
  grid-area: Area-3;
  place-self: start;
}

#w-node-c969cf46-aecc-df3f-c692-199884964195-7dff600f {
  grid-area: Area;
  place-self: center;
}

#w-node-_1de5b994-245d-1d10-6cfc-59a89c5f6478-7dff600f {
  grid-area: Area-2;
  place-self: center;
}

#w-node-_0bf3afdd-9ed0-8faf-a9d5-ece2d843df94-7dff600f {
  grid-area: Area-3;
  place-self: start center;
}

#w-node-_6be40714-32bf-1f92-0cb3-b52720257749-7dff600f {
  grid-area: Area-4;
  place-self: start center;
}

#w-node-_4802d370-a87d-8aa9-8d02-845a3483b0e1-7dff600f {
  grid-area: Area;
  place-self: center;
}

#w-node-_76665fb0-30d5-6fc6-25ae-2846229a0147-7dff600f {
  grid-area: Area-2;
  place-self: center;
}

#w-node-_53c5ab0f-3d7c-b320-c68a-974428b5b510-7dff600f {
  grid-area: Area-3;
  place-self: start center;
}

#w-node-_318dd03c-6195-5973-2bf7-d2aea475d716-7dff600f {
  grid-area: Area-4;
  place-self: start center;
}

#w-node-_69f2247c-5101-8bf2-3ba1-d4f4df12657d-7dff600f {
  grid-area: Area;
  place-self: center;
}

#w-node-_61e11eff-856c-f7f7-0e82-fee7a7eb9c90-7dff600f {
  place-self: center start;
}

#w-node-e4c0907c-3310-20f2-611e-bc24678c9091-7dff600f {
  place-self: center;
}

#w-node-af161fa1-7553-6fec-5c2f-ffbf1e22554d-7dff600f {
  place-self: center end;
}

#w-node-a60e14ee-8d01-1eb7-c1c6-f940562e4ff5-7dff600f {
  grid-area: Area;
  place-self: center;
}

#w-node-_8aa25095-0aa0-1d56-dd77-fa7e362b07bf-7dff600f {
  place-self: center start;
}

#w-node-ef5a2fd3-93f9-16a8-20b1-e3caf6408bb9-7dff600f {
  place-self: center;
}

#w-node-_8e4495bc-5e97-cb14-5010-ef2a1be02036-7dff600f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_880deba0-30a5-ad33-5bbf-8567ba5cafa5-7dff600f {
  place-self: center start;
}

#w-node-_279f2e93-d3c3-5b59-895c-02d19ee45556-7dff600f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_01357b73-f0ac-450c-86d0-769d55b0cac3-7dff600f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_6c28db37-5a58-ffd5-6c0c-82d9db286569-7dff600f {
  grid-area: Area;
}

#w-node-b74a2c72-5ce9-8e95-b0a2-0bc7c627bc90-7dff600f, #w-node-_6c4a445b-a20e-c368-3d7b-b05fa45a115d-7dff600f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_68bcf358-31dc-f2ba-45e7-e8dd7848ec23-7dff600f {
  grid-area: 1 / 1 / 2 / 5;
  place-self: start;
}

#w-node-_9eeb804d-1649-edd1-c568-17eb50307084-7dff600f {
  grid-area: 2 / 1 / 3 / 4;
  place-self: start;
}

#w-node-_7bedda56-960c-e6b8-538a-f0bc1e22bcca-7dff600f {
  grid-area: 1 / 3 / 4 / 5;
  place-self: start end;
}

@media screen and (max-width: 767px) {
  #w-node-_7bedda56-960c-e6b8-538a-f0bc1e22bcca-7dff600f {
    grid-area: 1 / 3 / 4 / 5;
  }
}

@media screen and (max-width: 479px) {
  #w-node-a6d28c13-fc80-bfcf-5fe6-ccbaebdbfa78-7dff600f, #w-node-a8b2afd7-f818-13a5-34a0-f648aff681b1-7dff600f, #w-node-f54a1f52-3344-5055-73e3-6436a4b1f46e-7dff600f, #w-node-df232d29-b0e3-8d79-fcbd-69f9db2987b5-7dff600f {
    justify-self: auto;
  }

  #w-node-_68bcf358-31dc-f2ba-45e7-e8dd7848ec23-7dff600f {
    grid-area: Area;
    place-self: start;
  }

  #w-node-_9eeb804d-1649-edd1-c568-17eb50307084-7dff600f {
    grid-area: Area-2;
  }

  #w-node-_7bedda56-960c-e6b8-538a-f0bc1e22bcca-7dff600f {
    grid-area: Area-3;
    place-self: start end;
  }
}


@font-face {
  font-family: 'Minionpro';
  src: url('../fonts/MinionPro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}