.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;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  color: #000;
  text-decoration: none;
}

.heroe {
  height: 100vh;
  background-image: url('../images/Recurso-1Nuc.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.container-1 {
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-left: 10%;
  margin-right: 10%;
  padding-top: 5%;
  padding-bottom: 2%;
  display: flex;
}

.div-block {
  width: 100%;
}

.heading {
  letter-spacing: 10px;
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-size: 5vw;
  font-weight: 300;
  line-height: 5.5vw;
}

.heading._2 {
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
  font-size: 7vw;
  line-height: 6.5vw;
}

.heading._2-copy {
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
  margin-top: 0;
  font-size: 7vw;
  line-height: 6.5vw;
}

.heading._2-copy._1 {
  color: #333;
}

.heading._2-copy._1.hide {
  display: none;
}

.heading._2-copy._1.opcion2 {
  font-size: 5vw;
}

.heading._2-copy.phone {
  display: none;
}

.heading-2 {
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-size: 2.5vw;
}

.navbar {
  height: 0;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.icon {
  z-index: 9999;
  color: #333;
  font-size: 40px;
  position: absolute;
}

.section._2 {
  height: 70vh;
  background-image: url('../images/cactus-on-shelf-by-blank-wall-background.webp');
  background-position: 0 0;
  background-size: cover;
}

.section._3 {
  height: auto;
  color: #fff;
  text-align: justify;
  background-color: #e1e1d7;
  padding-top: 5%;
  padding-bottom: 5%;
  font-weight: 400;
}

.section._4 {
  height: 70vh;
  background-image: url('../images/Centro-Pool-Shades.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section._5 {
  background-color: #e1e1d7;
  padding-top: 5%;
  padding-bottom: 5%;
}

.section._4-copy {
  height: 70vh;
  background-image: url('../images/Screen-Shot-2022-12-27-at-3.56.05-PM.webp');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section._4-copy._2 {
  background-image: url('../images/SJDUB_P0014_Oceanfront_Villa_Exterior.webp');
  background-position: 50%;
  background-size: cover;
}

.section._4-copy._3 {
  background-image: url('../images/Mon-Petit-Cabo---Rancho-Pescadero-DSC05366.webp');
}

.section._5-copy {
  background-color: #e1e1d7;
  padding-top: 5%;
  padding-bottom: 0%;
  display: none;
}

.section._6 {
  height: 70vh;
  display: block;
}

.section._5-copy {
  background-color: #e1e1d7;
  padding-top: 5%;
  padding-bottom: 5%;
  display: block;
}

.section._5-copy-copy {
  background-color: #e1e1d7;
  padding-top: 5%;
  padding-bottom: 0%;
  display: block;
}

.container {
  height: 100%;
  margin-left: 10%;
  margin-right: 10%;
}

.container._2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container._3 {
  padding-top: 8%;
}

.container._4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container._5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container._5.arriba {
  justify-content: flex-start;
  padding-top: 5%;
}

.grid {
  grid-row-gap: 40px;
  grid-template-columns: 3fr 1fr;
}

.grid.phone {
  display: none;
}

.paragraph {
  color: #fff;
  text-align: center;
  font-family: source-sans-3, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 3vw;
}

.paragraph._2 {
  color: #333;
  text-align: justify;
  padding-top: 3%;
  padding-right: 11px;
  font-size: 1.5vw;
  line-height: 2.5vw;
}

.grid-2 {
  grid-template-rows: minmax(0, .5fr) minmax(auto, 1fr);
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-2.phone {
  display: none;
}

.div-block-2 {
  padding-top: 0%;
  display: flex;
}

.heading-3 {
  letter-spacing: 10px;
  margin: 0 15% 0 -33px;
  padding-top: 105px;
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-size: 4vw;
  line-height: 6.5vw;
}

.div-block-3 {
  padding-top: 10%;
}

.div-block-4 {
  width: 25vh;
  background-image: url('../images/Recurso-4Nuc.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-3 {
  width: 50%;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
}

.heading-4 {
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-size: 2.5vw;
  line-height: 3vw;
}

.div-block-5 {
  width: 100%;
  border-bottom: 1px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-2 {
  text-align: center;
  font-family: source-sans-3, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 3.5vw;
}

.paragraph-2._2 {
  text-align: center;
  line-height: 2.5vw;
}

.heading-4-copy {
  margin-top: 0;
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-size: 2.5vw;
  line-height: 3vw;
}

.paragraph-2-copy {
  width: 100%;
  text-align: center;
  margin-bottom: 5%;
  font-family: source-sans-3, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 3.5vw;
}

.paragraph-2-copy._1 {
  text-align: center;
}

.paragraph-2-copy._1._2 {
  text-align: center;
  margin-bottom: 10px;
  font-size: 2.5vw;
  display: block;
}

.paragraph-2-copy._1._2.foto {
  margin-top: 3%;
  display: none;
}

.paragraph-2-copy._1._2-copy {
  text-align: center;
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-size: 1.5vw;
  line-height: 2vw;
  display: block;
}

.paragraph-2-copy._1._2-copy.plato {
  margin-bottom: 0%;
  margin-left: 15px;
}

.grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-4.phone {
  display: none;
}

.div-block-6 {
  height: 55vh;
  border: 1px solid #333;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3% 20%;
  display: flex;
}

.div-block-6._1 {
  border-top-style: none;
  border-right-style: none;
}

.div-block-6._2 {
  border-top-style: none;
}

.div-block-6-copy {
  height: 55vh;
  border: 1px solid #333;
  border-left-style: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 20%;
  padding-right: 20%;
  display: flex;
}

.div-block-6-copy.foto {
  background-image: url('../images/Centro-Bar-Drone-View.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-6-copy.foto-copy {
  background-image: url('../images/Recurso-8Nuc.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-6-copy.foto-copy._1 {
  border-top-style: none;
  border-right-style: none;
}

.button {
  color: #a59c8c;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #a59c8c;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Adorhairline, sans-serif;
  font-size: 1.5vw;
  line-height: 2vw;
}

.button._2 {
  margin-bottom: 5%;
}

.grid-5 {
  height: 100%;
  grid-column-gap: 0px;
  grid-template-rows: auto;
}

.grid-5.phone {
  display: none;
}

.div-block-7 {
  color: #a59c8c;
  background-color: #a59c8c;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-5 {
  color: #fff;
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-size: 7vw;
  font-weight: 300;
  line-height: 7.5vw;
}

.grid-6 {
  width: 90%;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 3%;
}

.rsvp {
  background-image: url('../images/Recurso-11Nuc.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 5%;
  padding-bottom: 10%;
}

.div-block-8 {
  width: 100%;
}

.form-block {
  width: 80%;
  background-color: #dbdbd1;
  padding: 5%;
  display: block;
}

.field-label {
  color: #333;
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 3vw;
}

.field-label._1 {
  color: #333;
  font-family: kudryashev-d-contrast, sans-serif;
  font-size: 2vw;
  font-weight: 300;
}

.field-label._2 {
  margin-top: 3%;
}

.field-label._3 {
  margin-top: 4%;
  margin-bottom: 4%;
}

.text-field {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #a59c8c;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.text-field::-ms-input-placeholder {
  color: #333;
  background-color: rgba(0, 0, 0, 0);
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.text-field::placeholder {
  color: #333;
  background-color: rgba(0, 0, 0, 0);
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.text-field._2 {
  margin-bottom: 5%;
  font-family: kudryashev-d-excontrast-sans, sans-serif;
}

.text-field._2::-ms-input-placeholder {
  font-family: kudryashev-d-excontrast-sans, sans-serif;
}

.text-field._2::placeholder {
  font-family: kudryashev-d-excontrast-sans, sans-serif;
}

.div-block-9 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.div-block-9._1 {
  justify-content: flex-start;
}

.div-block-9._1-copy {
  flex-direction: column;
  justify-content: flex-start;
}

.checkbox-field {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 0%;
  margin-right: 0%;
  display: flex;
}

.checkbox-field._2 {
  justify-content: center;
  align-items: center;
  margin-left: 0%;
  display: flex;
}

.checkbox-label {
  letter-spacing: 0;
  margin-bottom: 0;
  padding-left: 10px;
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 2.5vw;
}

.checkbox-label._2 {
  font-size: 1.7vw;
}

.checkbox-label-2 {
  letter-spacing: 3px;
  margin-bottom: 0;
  padding-left: 10px;
  font-family: source-sans-3, sans-serif;
  font-size: 1.7vw;
  font-weight: 300;
  line-height: 2.5vw;
}

.checkbox-label-2._2 {
  font-size: 1.7vw;
}

.div-block-10 {
  margin-top: 0;
  display: flex;
}

.text-field-2 {
  width: 20%;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #a59c8c;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.text-field-2._2 {
  width: 100%;
  margin-bottom: 5%;
}

.field-label-2 {
  letter-spacing: 3px;
  align-items: center;
  margin-left: 2%;
  font-family: source-sans-3, sans-serif;
  font-size: 1.7vw;
  font-weight: 300;
  line-height: 2vw;
  display: flex;
}

.field-label-3 {
  color: #a59c8c;
  margin-top: 5%;
  margin-bottom: 10px;
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-size: 2vw;
  font-weight: 300;
}

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

.submit-button {
  color: #a59c8c;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #a59c8c;
  margin-top: 20px;
  font-family: Adorhairline, sans-serif;
}

.menu-button, .menu-button.w--open {
  background-color: rgba(0, 0, 0, 0);
}

.nav-menu {
  height: 100vh;
  background-color: #e1e1d7;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 5%;
  padding-bottom: 5%;
  display: flex;
}

.nav-link {
  z-index: 9999;
  color: #333;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-size: 20px;
  line-height: 30px;
  text-decoration: none;
}

.nav-link:hover, .nav-link:active {
  color: #fff;
}

.nav-link:focus {
  color: #333;
}

.nav-link:focus-visible {
  color: #333;
}

.nav-link[data-wf-focus-visible], .nav-link:visited {
  color: #333;
}

.nav-link.hide {
  display: none;
}

.div-block-12 {
  background-image: url('../images/SJDUB_P0015_Oceanfront_Villa_Exterior.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-13 {
  height: 40vh;
  background-image: url('../images/SJDUB_Rest-Botanica_Rancho-Pescadero.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-13._1 {
  background-image: url('../images/Lobby-20.jpg');
}

.div-block-13._2 {
  background-image: url('../images/Exteriors-26.jpg');
}

.div-block-13._3 {
  background-image: url('../images/SJDUB_Milagro-Suite-Plunge-Pool-View_Rancho-Pescadero.webp');
}

.div-block-13._4 {
  background-image: url('../images/IMG_4333.jpg');
}

.div-block-13._5 {
  background-image: url('../images/SJDUB_Surf_Shot_P002.jpg');
}

.div-block-15 {
  width: 100%;
  display: flex;
}

.bold-text {
  color: #a59c8c;
  font-weight: 400;
}

.bold-text-2, .bold-text-3 {
  color: #a59c8c;
  font-size: 1.7vw;
  font-weight: 400;
}

.checkbox {
  width: 15px;
  height: 15px;
  border-color: #a59c8c;
  margin-top: 0;
}

.checkbox.w--redirected-checked {
  background-color: #a59c8c;
  border-color: #a59c8c;
}

.checkbox-2 {
  width: 15px;
  height: 15px;
  border: 1px solid #a59c8c;
  margin-top: 8px;
}

.checkbox-2.w--redirected-checked {
  background-color: #a59c8c;
  border-color: #a59c8c;
}

.checkbox-2.plato {
  margin-top: 0;
}

.checkbox-field-2 {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 2%;
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-size: 2vw;
  display: flex;
}

.checkbox-3 {
  width: 15px;
  height: 15px;
  border-color: #a59c8c;
  margin-top: 0;
}

.checkbox-3.w--redirected-checked {
  background-color: #a59c8c;
  border-color: #a59c8c;
}

.checkbox-4 {
  width: 15px;
  height: 15px;
  border-color: #a59c8c;
  margin-top: 0;
}

.checkbox-4.w--redirected-checked {
  background-color: #a59c8c;
  border-color: #a59c8c;
}

.checkbox-5 {
  width: 15px;
  height: 15px;
  border-color: #a59c8c;
  margin-top: 0;
}

.checkbox-5.w--redirected-checked {
  background-color: #a59c8c;
  border-color: #a59c8c;
}

.checkbox-field-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.checkbox-6 {
  width: 15px;
  height: 15px;
  border-color: #a59c8c;
  margin-top: 0;
}

.checkbox-6.w--redirected-checked {
  background-color: #a59c8c;
  border-color: #a59c8c;
}

.checkbox-7 {
  width: 15px;
  height: 15px;
  border-color: #a59c8c;
  margin-top: 0;
}

.checkbox-7.w--redirected-checked {
  background-color: #a59c8c;
  border-color: #a59c8c;
}

.checkbox-field-4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.checkbox-8 {
  border-color: #a59c8c;
  margin-top: 0;
}

.checkbox-8.w--redirected-checked {
  background-color: #a59c8c;
  border-color: #a59c8c;
}

.text-span, .text-span-2, .text-span-3 {
  color: #a59c8c;
  font-weight: 400;
}

.text-span-4 {
  font-size: 1.3vw;
  font-style: italic;
}

.bold-text-4 {
  font-weight: 400;
}

.grid-7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 1%;
  display: none;
}

.div-block-16 {
  width: 100%;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.select-field {
  width: 60px;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #a59c8c;
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-size: 10px;
  font-weight: 300;
}

.heading-4-copy {
  text-align: center;
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-size: 2.1vw;
  line-height: 3vw;
}

.text-span-5, .text-span-6, .text-span-7 {
  font-style: italic;
}

.div-block-17 {
  width: 100%;
  height: 75vh;
  background-image: url('../images/LLBC01022322CS1-93.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.section-2 {
  background-color: #e1e1d7;
  margin-bottom: 5%;
  padding-top: 5%;
}

.container-5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 5%;
  padding-top: 2%;
  padding-bottom: 2%;
  display: flex;
}

.paragraph-copy {
  color: #333;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 0;
  font-family: source-sans-3, sans-serif;
  font-size: 1.5vw;
  font-weight: 300;
  line-height: 160%;
}

.image-3 {
  margin-left: 4px;
}

.js-clock {
  justify-content: center;
  align-items: center;
  margin-top: 0%;
  display: flex;
}

.box {
  width: 120px;
  height: 120px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 12px;
  line-height: 20px;
  display: flex;
}

.clock-number {
  color: #333;
  font-family: kudryashev-d-contrast, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 70px;
}

.clock-label {
  color: #333;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-right: -5px;
  font-family: source-sans-3, sans-serif;
}

.success-message {
  background-color: rgba(0, 0, 0, 0);
}

.text-block {
  font-family: kudryashev-d-contrast-sans, sans-serif;
  font-size: 2.5vw;
  line-height: 3.5vw;
}

.grid-8 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 2fr 1fr 1fr 1fr;
}

.div-block-18 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.checkbox-field6.plato {
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
}

.div-block-20 {
  justify-content: center;
  display: flex;
}

.div-block-20.dress {
  margin-top: 5%;
}

@media screen and (min-width: 1920px) {
  .checkbox-label, .checkbox-label-2 {
    line-height: 3vw;
  }

  .nav-menu {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  .section._2 {
    background-image: url('../images/Copia-de-cactus-on-shelf-by-blank-wall-background.webp');
    background-position: 100%;
  }

  .container._3 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading-3 {
    margin-left: -24px;
    padding-top: 29px;
  }
}

@media screen and (max-width: 479px) {
  .heroe {
    height: 90vh;
  }

  .container-1 {
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .heading, .heading._2 {
    font-size: 10vw;
    line-height: 11vw;
  }

  .heading._2-copy {
    font-size: 8vw;
    line-height: 13vw;
  }

  .heading._2-copy._1.opcion2 {
    margin-bottom: 5%;
    font-size: 8vw;
    line-height: 9vw;
  }

  .heading._2-copy.phone {
    margin-top: 0;
    font-size: 8vw;
    display: block;
  }

  .heading._2-copy._4 {
    display: none;
  }

  .heading-2 {
    margin-top: 10px;
    font-size: 5vw;
    line-height: 6vw;
  }

  .section._2 {
    height: 50vh;
    background-image: url('../images/Copia-de-cactus-on-shelf-by-blank-wall-background.webp'), url('../images/cactus-on-shelf-by-blank-wall-background.webp');
    background-position: 90%, 100%;
    background-size: cover, cover;
  }

  .section._3 {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .section._4 {
    height: 50vh;
  }

  .section._5 {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .section._4-copy {
    height: 50vh;
  }

  .section._4-copy._2 {
    background-image: url('../images/SJDUB_P0014_Oceanfront_Villa_Exterior.webp'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  }

  .section._5-copy {
    padding-bottom: 10%;
  }

  .section._5-copy-copy {
    padding-top: 10%;
    padding-bottom: 5%;
  }

  .container._3 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container._5 {
    margin-left: 5%;
    margin-right: 5%;
  }

  .container._5.arriba {
    padding-top: 15%;
  }

  .grid {
    flex-direction: column;
    display: none;
  }

  .grid.phone {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 3fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .paragraph {
    font-size: 5vw;
    line-height: 7vw;
  }

  .paragraph._2 {
    padding-top: 5%;
    font-size: 5vw;
    line-height: 7vw;
  }

  .grid-2 {
    display: none;
  }

  .grid-2.phone {
    display: block;
  }

  .div-block-2 {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .heading-3 {
    margin-left: 0;
    margin-right: 0%;
    padding-top: 0;
    font-size: 10vw;
    line-height: 11vw;
  }

  .grid-3 {
    width: 100%;
  }

  .heading-4 {
    text-align: center;
    font-size: 7vw;
    font-weight: 300;
    line-height: 8vw;
  }

  .paragraph-2 {
    font-size: 5vw;
    line-height: 7vw;
  }

  .paragraph-2._2 {
    text-align: center;
    line-height: 7vw;
  }

  .heading-4-copy {
    text-align: center;
    font-size: 7vw;
    font-weight: 300;
    line-height: 8vw;
  }

  .paragraph-2-copy {
    font-size: 5vw;
    line-height: 7vw;
  }

  .paragraph-2-copy._1 {
    margin-bottom: 15%;
  }

  .paragraph-2-copy._1._2 {
    font-size: 6vw;
  }

  .paragraph-2-copy._1._2.foto {
    margin-top: 10%;
  }

  .paragraph-2-copy._1._2-copy {
    font-size: 4vw;
    line-height: 5vw;
  }

  .paragraph-2-copy._1._2-copy.plato {
    margin-left: 10px;
  }

  .grid-4 {
    display: none;
  }

  .grid-4.phone {
    flex-direction: column;
    margin-left: 5%;
    margin-right: 5%;
    display: flex;
  }

  .div-block-6 {
    height: 45vh;
  }

  .div-block-6._1 {
    border-right-style: solid;
  }

  .div-block-6._2 {
    justify-content: center;
  }

  .div-block-6-copy {
    height: 45vh;
    border-top-style: none;
    border-left-style: solid;
  }

  .div-block-6-copy.foto-copy._1 {
    border-right-style: solid;
  }

  .button {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 5vw;
    line-height: 6vw;
  }

  .grid-5 {
    display: none;
  }

  .grid-5.phone {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .div-block-7 {
    height: 30vh;
  }

  .heading-5 {
    width: 100%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12vw;
    line-height: 13vw;
  }

  .grid-6 {
    width: 100%;
    grid-column-gap: 5px;
    grid-row-gap: 10px;
  }

  .rsvp {
    padding-top: 10%;
  }

  .form-block {
    width: 100%;
  }

  .field-label {
    font-size: 5vw;
    line-height: 5vw;
  }

  .field-label._1 {
    font-size: 4.5vw;
    line-height: 5.5vw;
  }

  .field-label._3 {
    margin-bottom: 10px;
    font-size: 4vw;
  }

  .text-field {
    height: 4vh;
  }

  .text-field._2 {
    text-align: center;
  }

  .div-block-9 {
    flex-direction: column;
  }

  .checkbox-label, .checkbox-label._2 {
    text-align: left;
    letter-spacing: 0;
    font-size: 4.5vw;
    line-height: 5vw;
  }

  .checkbox-label-2 {
    text-align: center;
    letter-spacing: 0;
    font-size: 4.5vw;
    line-height: 5vw;
  }

  .checkbox-label-2._2 {
    text-align: left;
    letter-spacing: 0;
    font-size: 4.5vw;
    line-height: 5vw;
  }

  .text-field-2 {
    height: 3vh;
  }

  .text-field-2._2 {
    height: 4vh;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 10px;
  }

  .field-label-2 {
    letter-spacing: 0;
    font-size: 4.5vw;
    line-height: 5vw;
  }

  .field-label-3 {
    font-size: 4.5vw;
  }

  .submit-button {
    font-size: 12px;
    line-height: 13px;
  }

  .menu-button {
    padding-right: 54px;
  }

  .nav-menu {
    justify-content: center;
    padding-top: 10%;
    padding-bottom: 0%;
  }

  .nav-link {
    padding-top: 25px;
  }

  .div-block-13 {
    height: 20vh;
  }

  .div-block-14 {
    height: 40vh;
    background-image: url('../images/SJDUB_P0015_Oceanfront_Villa_Exterior.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .bold-text-2, .bold-text-3 {
    font-size: 4.5vw;
  }

  .checkbox-2 {
    margin-top: 3px;
  }

  .checkbox-field-2 {
    align-items: flex-start;
    margin-bottom: 4%;
  }

  .checkbox-8 {
    width: 15px;
    height: 15px;
  }

  .text-span-4 {
    font-size: 3vw;
  }

  .div-block-16 {
    width: 100%;
    justify-content: center;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
  }

  .select-field {
    width: 12vw;
    height: 6vw;
    text-align: center;
    padding: 0 5px;
    font-size: 12px;
  }

  .heading-4-copy {
    text-align: center;
    font-size: 7vw;
    font-weight: 300;
    line-height: 8vw;
  }

  .div-block-17 {
    background-position: 80%;
  }

  .container-5 {
    padding-top: 5%;
  }

  .paragraph-copy {
    color: #333;
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 4vw;
  }

  .js-clock {
    flex-wrap: wrap;
    margin-top: 3%;
    margin-bottom: 3%;
    padding-bottom: 0%;
  }

  .box {
    width: 70px;
    height: 90px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px;
  }

  .clock-number {
    font-size: 40px;
  }

  .clock-label {
    font-size: 12px;
  }

  .text-block {
    font-size: 4.5vw;
    line-height: 5.5vw;
  }

  .grid-8 {
    grid-column-gap: 0px;
    grid-row-gap: 5px;
    grid-template-columns: 2fr 1fr 1fr;
  }

  .checkbox-field6.plato {
    margin-left: 10px;
    margin-right: 10px;
  }

  .div-block-19 {
    display: flex;
  }
}

#w-node-_4389a0ac-9748-e20a-c06f-3ca3f86b0972-ae29d161, #w-node-_5695761c-431e-1b5f-5f2e-791d4f2ac100-ae29d161, #w-node-_930e81f5-c264-7ee2-2547-ce1b4d8a84a5-ae29d161, #w-node-_2e013e93-2843-c2a6-0486-fb6b49be9c54-ae29d161, #w-node-_2e013e93-2843-c2a6-0486-fb6b49be9c58-ae29d161 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0468e22a-7378-9b1b-c38e-ea1f33eb4f9c-ae29d161 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c3e805c1-1a7a-2157-605d-01f9b9751bd0-ae29d161 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f83b0039-10c8-a0dd-e62b-0bbc6c2e8dc8-ae29d161, #w-node-af200c7a-8500-b959-67b1-f896208e4554-ae29d161, #w-node-_38366b68-208a-af50-8797-7c4e93cf07c4-ae29d161 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_38366b68-208a-af50-8797-7c4e93cf07c2-ae29d161 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_38366b68-208a-af50-8797-7c4e93cf07c3-ae29d161 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_38366b68-208a-af50-8797-7c4e93cf07c8-ae29d161 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_491fa03a-5c6b-b105-0e05-8f097ae40784-ae29d161 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-e1fc412c-1f54-23bf-9751-a484eb413df3-ae29d161 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_27e0ac5e-da76-3ecb-fafb-2036399d7ae3-ae29d161 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_27e0ac5e-da76-3ecb-fafb-2036399d7ae4-ae29d161, #w-node-_27e0ac5e-da76-3ecb-fafb-2036399d7ae6-ae29d161 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_63e41c01-f803-21ef-eb66-c0c2d0434175-ae29d161 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_63e41c01-f803-21ef-eb66-c0c2d0434176-ae29d161, #w-node-_63e41c01-f803-21ef-eb66-c0c2d0434178-ae29d161 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1ac46ed1-ff0e-5eed-9d8a-259e83d4590d-ae29d161 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_1ac46ed1-ff0e-5eed-9d8a-259e83d4590e-ae29d161, #w-node-_1ac46ed1-ff0e-5eed-9d8a-259e83d45910-ae29d161, #w-node-_2d34eb4c-4841-256f-df99-1456f209c577-ae29d161, #w-node-_3ebb42e2-af30-bd86-3636-2aaa770a2bfe-ae29d161, #w-node-_38d9ac52-098d-b190-dc99-02ce06bf0e1c-ae29d161, #w-node-_0fc1d850-71b8-9158-2e0a-9e693863aed9-ae29d161, #w-node-_39ea439b-055c-83ea-a469-ad9005309e96-ae29d161, #w-node-dac21ffa-b2b4-eb1c-9699-fd1fec644cac-ae29d161, #w-node-_6c5fc96c-68a5-d78f-3c84-bc90dd36fb6f-ae29d161, #w-node-_34db81e6-fb0a-e7bf-8a95-59f6db45f3b2-ae29d161, #w-node-_34db81e6-fb0a-e7bf-8a95-59f6db45f3b8-ae29d161, #w-node-_34db81e6-fb0a-e7bf-8a95-59f6db45f3be-ae29d161, #w-node-_34db81e6-fb0a-e7bf-8a95-59f6db45f3c0-ae29d161, #w-node-_34db81e6-fb0a-e7bf-8a95-59f6db45f3c6-ae29d161, #w-node-_34db81e6-fb0a-e7bf-8a95-59f6db45f3bf-ae29d161, #w-node-_50e3b274-d296-e98e-a0c1-d344b93f7f85-ae29d161, #w-node-e3a7219a-7e46-4ff7-2a64-416012c4b492-ae29d161, #w-node-_2a7ac96a-8071-b7a0-94a7-fa7da8c63330-ae29d161, #w-node-_2a7ac96a-8071-b7a0-94a7-fa7da8c63331-ae29d161, #w-node-a2107c2f-5932-2def-aa4b-360d6553def2-ae29d161, #w-node-badd2e50-80a7-df4a-7729-519383a3238f-ae29d161, #w-node-_11aee595-fb1e-7cb0-0cb6-be78b993e6ad-ae29d161, #w-node-e0beaeca-b9cf-73d1-4a7f-67168a940a63-ae29d161, #w-node-_5220943e-6ebf-dbfd-93c1-5518cbc2ac74-ae29d161, #w-node-_456f0abd-1206-6dc3-431c-b95cca066388-ae29d161, #w-node-_8831a5ec-d6c8-4089-f03c-01d71b451952-ae29d161 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b83bff7f-8309-5586-5325-b512fc48c941-ae29d161, #w-node-e0e44c86-ccff-ac90-8fd1-c6a89ac07a5e-ae29d161, #w-node-_66b7917c-02ad-bb4a-9a13-b11e43aac659-ae29d161, #w-node-ad1e4cbe-a0da-2ca2-5023-aaca12d836c7-ae29d161, #w-node-de1f6bb4-c2a7-bdbf-a49e-32b23861d625-ae29d161 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#field-4.w-node-f635457d-b68b-d6a9-f0f3-a8e4f96d4cf2-ae29d161, #field-3.w-node-f635457d-b68b-d6a9-f0f3-a8e4f96d4cf6-ae29d161, #field-2.w-node-f635457d-b68b-d6a9-f0f3-a8e4f96d4cfa-ae29d161 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-_8831a5ec-d6c8-4089-f03c-01d71b451952-ae29d161, #Guest-name-2.w-node-_709503dc-3165-2de9-76fa-703f017269e5-ae29d161, #Guest-name-3.w-node-fadd8bba-992e-0498-e062-1fb295c68fa9-ae29d161, #Guest-name-4.w-node-_76c208d8-21cd-ea31-1f26-b268481c205a-ae29d161, #Guest-name-5.w-node-_97d17958-eaaa-a615-0f26-918cbb95a345-ae29d161 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}


@font-face {
  font-family: 'Adorhairline';
  src: url('../fonts/AdorHairline-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}