@font-face {
  font-family: The Seasons;
  src: url('../fonts/The-Seasons-Regular-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: The Seasons Semi;
  src: url('../fonts/The-Seasons-Semi-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: The Seasons Semi;
  src: url('../fonts/The-Seasons-Semi-Bold-Italic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: The Seasons;
  src: url('../fonts/The-Seasons-Bold-Italic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: The Seasons;
  src: url('../fonts/The-Seasons-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

:root {
  --font-family--text: Inter, sans-serif;
  --font-family--headings: "The Seasons", sans-serif;
  --color--green: #4e5b3c;
  --color--yellow: #c9a740;
  --color--off-white-light: #f7f0e8;
  --padding--large: 6rem;
  --padding--xsmall: 1rem;
  --padding--medium: 4rem;
  --color--red: #ac5941;
  --padding--small: 2rem;
  --margin-wrapper--medium: 1rem;
  --margin-wrapper--small: .5rem;
  --color--black: black;
  --padding--xlarge: 8rem;
  --margin-wrapper--large: 2rem;
  --color--no-color: #fff0;
  --color--white: white;
  --color--off-white-dark: #f4e8da;
  --color--pink: #f1e2d9;
  --max-width--medium: 38rem;
  --max-width--xsmall: 15rem;
  --max-width--small: 32rem;
  --margin-wrapper--xlarge: 4rem;
  --max-image-height--main: 40rem;
  --max-image-height--small: 25rem;
  --white-transparency: #ffffff38;
  --max-width--large: 45rem;
}

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

body {
  font-family: var(--font-family--text);
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  font-family: var(--font-family--headings);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 100%;
}

h2 {
  font-family: var(--font-family--headings);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 3rem;
  font-weight: 400;
  line-height: 120%;
}

h3 {
  font-family: var(--font-family--headings);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 2.3rem;
  font-weight: 400;
  line-height: 120%;
}

h4 {
  font-family: var(--font-family--headings);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 120%;
}

h5 {
  font-family: var(--font-family--headings);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 120%;
}

h6 {
  font-family: var(--font-family--headings);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 140%;
}

a {
  text-decoration: underline;
}

.heading-style-h6 {
  opacity: 1;
  font-family: var(--font-family--headings);
  color: var(--color--green);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 140%;
}

.heading-style-h6:hover {
  opacity: 1;
}

.heading-style-h6.text-color-yellow {
  overflow-wrap: normal;
}

.styleguide-header-wrapper {
  margin-top: 2rem;
  position: sticky;
}

.circle-button-link-block {
  color: #242423;
  text-decoration: none;
}

.text-color-yellow {
  color: var(--color--yellow);
  font-weight: 400;
}

.heading-style-h1 {
  font-family: var(--font-family--headings);
  color: var(--color--green);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.heading-style-h1.text-color-off-white-light {
  text-transform: none;
}

.rich-text-element {
  color: #333;
  border: 1px solid #000;
  border-style: solid none;
  max-width: 50rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  line-height: 170%;
}

.wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.block-quote {
  color: #fff;
  border-left-style: none;
  font-size: 14px;
  line-height: 150%;
}

.button-group {
  color: #242423;
  border: 1px #242423;
  justify-content: space-between;
  align-items: center;
  padding-right: 0;
  font-size: 16px;
  line-height: 150%;
  transition: transform .2s;
  display: flex;
}

.button-group:hover {
  transform: translate(2px, -2px);
}

.text-size-small {
  color: var(--color--green);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 0;
  font-size: .75rem;
  font-weight: 400;
  line-height: 150%;
}

.text-size-small.text-color-off-white-light.text-align-right {
  text-align: right;
}

.text-size-small.text-color-yellow {
  color: var(--color--yellow);
}

.styleguide-color-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #000;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  margin-top: 2rem;
  margin-bottom: 0;
}

.button-plus-circle-white {
  border: 1px solid #fff;
  border-radius: 99px;
  padding: 12px;
}

.list {
  line-height: 150%;
}

.text-size-xsmall {
  color: #000;
  text-align: left;
  margin-bottom: 1rem;
  font-size: .5rem;
  line-height: 150%;
}

.paragraph {
  color: #000;
}

.heading-style-h5 {
  font-family: var(--font-family--headings);
  color: var(--color--green);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 120%;
  transition: top .2s;
}

.heading-style-h5:hover {
  text-decoration: none;
}

.text-color-white {
  color: #fff;
}

.button-group-cms {
  align-items: center;
  display: flex;
}

.text-size-large {
  font-family: var(--font-family--text);
  color: #000;
  margin-bottom: .125rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
}

.container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
  display: block;
  position: relative;
}

.button-arrow {
  color: #242423;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  padding: .5rem;
  display: flex;
}

.styleguide-row-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  min-height: 5rem;
  padding: 1rem 1rem 1rem 0;
  display: flex;
}

.section {
  object-fit: fill;
  display: block;
  position: relative;
  overflow: hidden;
}

.section.padding-section-large {
  padding-top: var(--padding--large);
  padding-bottom: var(--padding--large);
}

.section.padding-section-large.background-color-pink {
  padding-bottom: var(--padding--xsmall);
}

.section.padding-section-medium {
  padding-top: var(--padding--medium);
  padding-bottom: var(--padding--medium);
}

.section.padding-section-medium.background-color-green {
  position: static;
}

.section.padding-section-medium.background-color-red {
  background-color: var(--color--red);
}

.section.padding-section-small {
  padding-top: var(--padding--small);
  padding-bottom: var(--padding--small);
}

.section.password-page {
  margin-top: var(--padding--large);
  margin-bottom: var(--padding--large);
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.password-page.background-color-off-white-light {
  padding-top: var(--padding--large);
  padding-bottom: var(--padding--large);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-style-h3 {
  font-family: var(--font-family--headings);
  color: var(--color--green);
  text-align: left;
  letter-spacing: 0;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.3rem;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.heading-style-h4 {
  float: none;
  clear: none;
  font-family: var(--font-family--headings);
  color: var(--color--green);
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
  transition: transform .2s;
  display: block;
  position: static;
}

.heading-style-h4:hover {
  text-decoration: none;
}

.heading-style-h4.text-color-off-white-light {
  text-align: left;
  order: 0;
  align-self: auto;
  padding-top: 0;
  padding-left: 5%;
  display: block;
  position: static;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 1rem;
  text-decoration: none;
}

.text-size-regular {
  color: var(--color--green);
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.styleguide-color {
  background-color: #0000;
  padding-bottom: 8rem;
}

.styleguide-color.black {
  color: #000;
  background-color: #000;
  flex: none;
  align-items: center;
  display: flex;
}

.styleguide-color.background-color-blue {
  background-color: #cfd9d9;
}

.tagline {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
}

.styleguide-subheading {
  z-index: 3;
  color: #000;
  background-color: #fff;
  padding: 1.15rem .5rem 1.15rem 1.1rem;
  position: relative;
  top: 0;
}

.button-text {
  color: var(--color--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-right: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.button-text.text-color-yellow {
  color: var(--color--yellow);
}

.header.horizontal {
  grid-column-gap: var(--padding--xlarge);
  grid-row-gap: var(--padding--xlarge);
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0;
  display: flex;
  overflow: visible;
}

.link {
  color: var(--color--green);
  font-weight: 400;
  text-decoration: none;
  transition: opacity .2s;
}

.link:hover {
  color: var(--color--yellow);
  text-decoration: underline;
}

.link:visited {
  color: #242423;
  text-decoration: underline;
}

.button {
  aspect-ratio: auto;
  border: 1px solid var(--color--yellow);
  background-color: var(--color--no-color);
  color: #242423;
  text-align: center;
  letter-spacing: 1px;
  -webkit-text-stroke-color: #10100e00;
  text-transform: uppercase;
  border-radius: 0;
  padding: 12px 18px;
  font-size: .75rem;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  transition: transform .2s, opacity .2s, color .2s;
}

.button:hover {
  background-color: var(--color--yellow);
  color: var(--color--white);
  border-style: none;
  border-color: #000;
  transform: translate(2px, -2px);
}

.button.button-secondary {
  color: #000;
  letter-spacing: 1px;
  background-color: #f2f2f2;
  border-style: none;
}

.button.button-secondary:hover {
  color: #fff;
  background-color: #8f969c;
  border-style: none;
}

.button.small {
  padding: 10px 20px;
}

.button.button-color-yellow {
  border-color: var(--color--yellow);
  color: var(--color--off-white-light);
  letter-spacing: 1.2px;
}

.button.button-color-yellow:hover {
  border-style: solid;
}

.button.main {
  color: var(--color--off-white-light);
}

.text-size-medium {
  font-family: var(--font-family--text);
  color: #000;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 150%;
}

.icon-plus {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
}

.icon-plus.icon-white {
  color: #fff;
  width: 1.2rem;
  height: 1.2rem;
}

.text-color-green {
  color: var(--color--green);
  font-weight: 400;
}

.heading-style-h2 {
  font-family: var(--font-family--headings);
  color: var(--color--green);
  text-align: left;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.heading-style-h2.text-color-off-white-light.align-center {
  text-align: left;
}

.heading-style-h2.align-center {
  text-align: center;
}

.heading-style-h2.align-center.margin-bottom {
  margin-bottom: 2rem;
}

.heading-style-h2.all-caps {
  text-transform: uppercase;
}

.heading-style-h2.text-color-green {
  color: var(--color--green);
  text-align: left;
}

.heading-style-h2.text-align-center.text-color-off-white-light {
  text-align: center;
}

.image-wrapper {
  max-width: 250px;
}

.image-wrapper.floorplan-wrapper {
  max-width: none;
}

.button-plus-cms {
  color: #242423;
  border: 1px #242423;
  align-items: center;
  padding-right: 0;
  font-size: 16px;
  line-height: 150%;
  display: flex;
}

.heading-style-h1-alt {
  font-family: var(--font-family--headings);
  color: var(--color--green);
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 4.5rem;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.heading-style-h2-alt {
  font-family: var(--font-family--headings);
  color: var(--color--green);
  text-align: left;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-style: italic;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.heading-style-h3-alt {
  font-family: var(--font-family--headings);
  color: var(--color--green);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.3rem;
  font-style: italic;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.heading-style-h4-alt {
  font-family: var(--font-family--headings);
  color: var(--color--green);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-style: italic;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
  transition: transform .2s;
}

.heading-style-h4-alt:hover {
  text-decoration: none;
}

.heading-style-h5-alt {
  font-family: var(--font-family--headings);
  color: var(--color--green);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 400;
  line-height: 120%;
  transition: top .2s;
}

.heading-style-h5-alt:hover {
  text-decoration: none;
}

.heading-style-h6-alt {
  opacity: 1;
  font-family: var(--font-family--headings);
  color: var(--color--green);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 700;
  line-height: 140%;
}

.heading-style-h6-alt:hover {
  opacity: 1;
}

.background-color-red {
  background-color: var(--color--red);
}

.background-color-green {
  background-color: var(--color--green);
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 10px;
}

.background-color-off-white-light {
  background-color: var(--color--off-white-light);
}

.background-color-off-white-dark {
  background-color: var(--color--off-white-dark);
}

.background-color-pink {
  background-color: var(--color--pink);
}

.off-white-light {
  background-color: var(--color--off-white-light);
}

.off-white-dark {
  background-color: var(--color--off-white-dark);
}

.pink {
  background-color: var(--color--pink);
}

.green {
  background-color: var(--color--green);
}

.red {
  background-color: var(--color--red);
}

.background-color-yellow, .yellow {
  background-color: var(--color--yellow);
}

.text-color-off-white-light {
  color: var(--color--off-white-light);
  text-align: left;
  font-weight: 400;
}

.text-color-off-white-light.heading-style-h5 {
  text-align: left;
}

.text-color-off-white-dark {
  color: var(--color--off-white-dark);
  font-weight: 400;
}

.bg-image-content-wrapper {
  justify-content: flex-start;
  align-items: center;
  height: 60vh;
  min-height: auto;
  max-height: none;
  display: flex;
}

.bg-image-content-wrapper._70-vh {
  object-position: 50% 50%;
  height: 70vh;
}

.heading-style-h1-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 144px;
  font-weight: 700;
  line-height: 144px;
  text-decoration: none;
}

.header-bg-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.header-bg-image.position-end {
  object-position: 50% 90%;
}

.button-group-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group-wrapper.align-center {
  justify-content: center;
  align-items: center;
}

.heading-wrapper {
  margin-bottom: var(--margin-wrapper--large);
  grid-column-gap: var(--margin-wrapper--large);
  grid-row-gap: var(--margin-wrapper--large);
  flex-flow: column;
  display: flex;
}

.heading-wrapper.max-width-medium {
  max-width: var(--max-width--medium);
  margin-bottom: 0;
}

.image-overlay {
  z-index: 1;
  background-color: #00000080;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.content-wrapper {
  grid-column-gap: var(--margin-wrapper--large);
  grid-row-gap: var(--margin-wrapper--large);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.content-wrapper.max-width-small {
  max-width: 24rem;
}

.header-bg-image-wrapper {
  z-index: -1;
  background-image: linear-gradient(#00000080, #00000080);
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.header-content {
  grid-column-gap: var(--margin-wrapper--large);
  grid-row-gap: var(--margin-wrapper--large);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.header-content.align-center {
  grid-column-gap: var(--margin-wrapper--large);
  grid-row-gap: var(--margin-wrapper--large);
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header-content.align-start {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.header-content.center {
  max-width: var(--max-width--xsmall);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.full-photo-header-home {
  object-position: 50% 50%;
  background-image: url('../images/house_facade_day.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  height: 70vh;
  min-height: auto;
  display: flex;
}

.max-width-medium {
  max-width: var(--max-width--medium);
}

.max-width-small {
  max-width: var(--max-width--small);
}

.image-and-features-component {
  grid-column-gap: var(--margin-wrapper--large);
  grid-row-gap: var(--margin-wrapper--large);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.grid-wrapper {
  grid-column-gap: var(--margin-wrapper--xlarge);
  grid-row-gap: var(--margin-wrapper--xlarge);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.features-item-list {
  grid-column-gap: var(--margin-wrapper--large);
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  width: 100%;
  height: auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.text-wrapper {
  grid-column-gap: var(--margin-wrapper--medium);
  grid-row-gap: var(--margin-wrapper--medium);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

._3-column-heading-grid {
  grid-column-gap: var(--margin-wrapper--large);
  grid-row-gap: var(--margin-wrapper--large);
  grid-template-rows: minmax(auto, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-areas: ". Area";
}

.image {
  max-height: var(--max-image-height--main);
  aspect-ratio: 6.5 / 7;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.image.small {
  aspect-ratio: auto;
  width: 100%;
}

.icon-plant {
  width: auto;
  height: 80px;
}

.call-out-text-wrapper {
  margin-top: var(--margin-wrapper--medium);
}

.success-text {
  color: var(--color--off-white-dark);
  font-weight: 600;
}

.error-message {
  margin-top: var(--padding--small);
  padding: var(--padding--small);
  background-color: var(--color--off-white-dark);
}

.signup-form-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  margin-bottom: 1rem;
  display: grid;
}

.form-input {
  background-color: var(--white-transparency);
  color: var(--color--off-white-light);
  text-transform: uppercase;
  border: 1px #000;
  height: auto;
  min-height: 2.75rem;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 .75rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.6;
}

.form-input:focus {
  border-color: #000;
}

.form-input::placeholder {
  color: var(--color--off-white-light);
}

.cta-form-block {
  max-width: 30rem;
  margin-bottom: 0;
}

.cta {
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 0;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
  overflow: hidden;
}

.cta.center {
  grid-column-gap: var(--margin-wrapper--small);
  grid-row-gap: var(--margin-wrapper--small);
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.success-message {
  background-color: var(--white-transparency);
  padding: 1.5rem;
}

.heading-style-h2-2 {
  color: #000;
  text-align: left;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 88px;
  font-weight: 700;
  line-height: 110%;
  text-decoration: none;
}

.error-text {
  color: var(--color--red);
  text-align: center;
  font-weight: 600;
}

.text-link {
  text-decoration: none;
}

.text-link:hover {
  color: var(--color--yellow);
}

.text-link:visited {
  color: var(--color--green);
}

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

.video-overlay {
  z-index: 1;
  background-color: #00000080;
  display: none;
  position: absolute;
  inset: 0%;
}

.header7_content {
  justify-content: flex-end;
  align-items: flex-end;
  min-height: 100svh;
  max-height: 60rem;
  display: flex;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.header7_background-video {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.header-background-video-wrapper {
  z-index: -1;
  background-image: linear-gradient(#00000080, #00000080);
  position: absolute;
  inset: 0%;
}

.padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.section-full-video-header {
  position: relative;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.footer-list {
  grid-column-gap: var(--margin-wrapper--large);
  grid-row-gap: var(--margin-wrapper--large);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  justify-content: space-between;
  place-items: flex-start start;
  display: flex;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.footer-top-wrapper {
  margin-bottom: var(--margin-wrapper--xlarge);
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  align-items: start;
}

.footer-logo-link {
  float: none;
  padding-left: 0;
}

.footer-bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-menu-wrapper {
  grid-column-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-items: stretch stretch;
}

.icon-social-xsmall {
  color: var(--color--yellow);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 9px;
  display: flex;
}

.icon-social-xsmall.icon-color-of-white {
  color: var(--color--off-white-light);
  transition: transform .2s;
}

.icon-social-xsmall.icon-color-of-white:hover {
  transform: translate(2px, -2px);
}

.instagram-handle {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar-coco {
  background-color: var(--color--no-color);
  padding-top: 20px;
  padding-bottom: 10px;
  position: fixed;
  inset: 0% 0% auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.nav-link {
  color: var(--color--off-white-light);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
  line-height: 120%;
  transition: transform .2s;
}

.nav-link:hover {
  color: var(--color--green);
  transform: translate(2px, -2px);
}

.nav-link.w--current {
  color: var(--color--off-white-light);
}

.nav-menu-2 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.nav-links-wrapper {
  padding-top: 10px;
}

.navbar-icons-wrapper {
  grid-column-gap: var(--margin-wrapper--medium);
  grid-row-gap: var(--margin-wrapper--medium);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.grid {
  grid-column-gap: var(--margin-wrapper--large);
  grid-row-gap: var(--margin-wrapper--large);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.heading-align-center {
  max-width: var(--max-width--medium);
  margin-right: auto;
  margin-bottom: var(--margin-wrapper--large);
  grid-column-gap: var(--margin-wrapper--medium);
  grid-row-gap: var(--margin-wrapper--medium);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.gallery-1-slide-nav {
  border: 1px none var(--color--green);
  color: var(--color--green);
  height: 1.75rem;
  font-size: .5rem;
  display: none;
  inset: auto auto 0% 0%;
}

.bedrooms-gallery-mask {
  width: 100%;
  overflow: visible;
}

.gallery-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.gallery-arrow-icon {
  color: var(--color--yellow);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.gallery21_arrow {
  background-color: var(--color--no-color);
  color: var(--color--green);
  border: 1px #202020;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  inset: auto -90% 0% 0%;
}

.gallery21_arrow.is-left {
  left: -80%;
  right: 4rem;
}

.gallery21_arrow.is-left.mobile-hide {
  left: -90%;
}

.bedrooms-gallery-image-wrapper {
  width: 100%;
  height: 100%;
  padding-top: 75%;
  position: relative;
}

.bedrooms-gallery-lightbox-link {
  width: 100%;
  height: 100%;
}

.bedrooms-slider-grid {
  margin-bottom: var(--margin-wrapper--xlarge);
  grid-column-gap: var(--margin-wrapper--large);
  grid-row-gap: var(--margin-wrapper--large);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .75fr .3fr;
}

.image-text-wrapper {
  grid-column-gap: var(--margin-wrapper--medium);
  grid-row-gap: var(--margin-wrapper--medium);
  display: flex;
}

.vertical-wrapper {
  flex-flow: column;
  display: flex;
}

.image-small {
  aspect-ratio: 6 / 7;
  object-fit: cover;
}

.gallery14_image-wrapper {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.gallery14_image-wrapper:focus {
  opacity: .5;
}

.gallery14_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.gallery14_arrow-icon {
  color: var(--color--green);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.gallery14_mask, .gallery14_component {
  overflow: visible;
}

.gallery-horizontal-slide {
  padding-right: var(--margin-wrapper--small);
  padding-left: var(--margin-wrapper--small);
}

.gallery14_slider {
  padding-bottom: var(--margin-wrapper--xlarge);
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  display: block;
}

.gallery14_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
  display: none;
}

.gallery14_arrow {
  background-color: #fff;
  border: 1px solid #202020;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.gallery14_arrow.hide-mobile-landscape {
  background-color: var(--color--no-color);
  border-style: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
  bottom: 0;
}

.features-item-list-bottom {
  grid-column-gap: var(--margin-wrapper--large);
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  width: 100%;
  height: auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.icon-text-wrapper {
  grid-column-gap: var(--margin-wrapper--medium);
  grid-row-gap: var(--margin-wrapper--medium);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.grid-features {
  grid-column-gap: 6rem;
  grid-row-gap: var(--margin-wrapper--large);
  grid-template-rows: auto;
  grid-template-columns: .8fr .7fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.press-list-item {
  padding-top: var(--margin-wrapper--xlarge);
  padding-bottom: var(--margin-wrapper--xlarge);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--color--green);
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: stretch;
  margin-bottom: 0;
  display: grid;
  overflow: hidden;
}

.press-list-item.yellow-line {
  margin-bottom: var(--margin-wrapper--medium);
  padding-bottom: var(--margin-wrapper--medium);
  border-bottom-color: var(--color--yellow);
  display: flex;
}

.item-link-wrapper {
  box-sizing: border-box;
  flex: none;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.button-line {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #333;
  white-space: nowrap;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.content-button {
  flex-wrap: nowrap;
  align-content: space-between;
  align-items: flex-end;
  display: flex;
}

.floor-plan-img-wrapper {
  height: 65vh;
  max-height: none;
  overflow: hidden;
}

.side-by-sice-component {
  grid-column-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.header-content-side-by-side {
  max-width: 35rem;
  margin-left: 5vw;
  margin-right: 5rem;
}

.floor-plan {
  width: auto;
  max-width: none;
  height: 100%;
}

.header-bg-img-wrapper {
  z-index: -1;
  background-image: linear-gradient(#00000080, #00000080);
  position: absolute;
  inset: 0%;
}

.image-overlay-layer {
  z-index: 1;
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.header-bg-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.header-image-bg-content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 100svh;
  max-height: 60rem;
  display: flex;
}

.section-image-bg {
  position: relative;
}

.brand {
  position: static;
}

.brand.w--current {
  display: block;
}

.navbar-brand-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 60px;
  margin: 7px;
  display: flex;
  position: static;
  overflow: hidden;
}

.logo-type-white, .logo-type-green {
  height: 62px;
}

.pages-link-wrapper {
  margin-right: var(--margin-wrapper--xlarge);
  flex: 1;
  width: auto;
}

.grid-4-columns {
  margin-top: var(--margin-wrapper--large);
  grid-column-gap: var(--margin-wrapper--small);
  grid-row-gap: var(--margin-wrapper--small);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.image-text-card {
  grid-column-gap: var(--margin-wrapper--medium);
  grid-row-gap: var(--margin-wrapper--medium);
  flex-flow: column;
  display: flex;
}

.location-list-component {
  margin-top: var(--margin-wrapper--small);
  grid-column-gap: var(--margin-wrapper--xlarge);
  grid-row-gap: var(--margin-wrapper--large);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.contact-map-wrapper {
  margin-top: var(--margin-wrapper--xlarge);
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.content-wrapper-v2 {
  grid-column-gap: var(--margin-wrapper--large);
  grid-row-gap: var(--margin-wrapper--large);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: none;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.button-grid-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.main-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #333;
  white-space: nowrap;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.line-button-2 {
  background-color: #333;
  max-width: 11rem;
  height: 1px;
  margin-top: 1rem;
}

.line-button-2.yellow {
  margin-top: var(--margin-wrapper--small);
  background-color: var(--color--yellow);
}

.text-all-caps {
  text-transform: uppercase;
}

.bedroom-gallery-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
  overflow: hidden;
}

.bedrooms-gallery-slider {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 3rem;
  position: relative;
  overflow: visible;
}

.bedrooms-gallery-slide {
  padding-right: 0;
}

.bedrooms-gallery-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.gallery-slider-horizontal {
  padding-bottom: var(--margin-wrapper--xlarge);
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  display: block;
}

.gallery-slider-horizontal-mask {
  overflow: visible;
}

.gallery-horizontal-img-wrapper {
  width: 100%;
  height: 100%;
  padding-top: 60%;
  position: relative;
}

.gallery-horizontal-lightbox-link {
  width: 100%;
  height: 100%;
}

.collection-list-bedrooms {
  margin-top: var(--margin-wrapper--xlarge);
  grid-column-gap: var(--margin-wrapper--xlarge);
  grid-row-gap: var(--margin-wrapper--xlarge);
  flex-flow: column;
  display: flex;
}

.image-room-detail {
  aspect-ratio: 6 / 7;
  object-fit: cover;
  width: 500px;
}

.container-2 {
  margin-bottom: var(--margin-wrapper--large);
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.logo-footer {
  height: 75px;
}

.max-width-large {
  max-width: var(--max-width--large);
}

.link-block-press {
  text-decoration: none;
  transition: transform .2s, transform .2s;
}

.link-block-press:hover {
  color: var(--color--green);
  text-decoration: none;
  transform: translate(2px, -2px);
}

.social-media-icon-wrapper {
  grid-column-gap: var(--margin-wrapper--small);
  grid-row-gap: var(--margin-wrapper--small);
  align-self: center;
  display: flex;
}

.full-photo-header-experiences {
  object-position: 50% 50%;
  background-image: url('../images/living-room-landscape.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  height: 70vh;
  min-height: auto;
  display: flex;
}

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

.utility-page-form {
  grid-column-gap: var(--margin-wrapper--small);
  grid-row-gap: var(--margin-wrapper--small);
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.text-field {
  background-color: var(--white-transparency);
}

.full-photo-header-location {
  object-position: 50% 50%;
  background-image: url('../images/CasaCoco-Pool-1.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  height: 70vh;
  min-height: auto;
  display: flex;
}

.full-photo-header-bedrooms {
  object-position: 50% 50%;
  background-image: url('../images/CasaCoco-Bedrooms-2_1.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  height: 70vh;
  min-height: auto;
  display: flex;
}

.image-wrapper-side-by-side {
  max-width: none;
}

.gallery-slider-home {
  padding-bottom: var(--margin-wrapper--xlarge);
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  display: block;
  overflow: hidden;
}

.gallery-vertical-slide {
  padding-right: var(--margin-wrapper--small);
  padding-left: var(--margin-wrapper--small);
}

.gallery-vertical-img-wrapper {
  width: 100%;
  height: 100%;
  padding-top: 60%;
  position: relative;
  overflow: hidden;
}

.container-3 {
  width: 100%;
  min-width: 0%;
  height: 100px;
  min-height: 100%;
}

.container-4 {
  min-width: 100%;
  min-height: 100px;
  overflow: scroll;
}

.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: scroll;
}

.section-2 {
  aspect-ratio: auto;
  object-fit: fill;
  height: 700px;
}

.image-2 {
  width: auto;
  height: auto;
}

.div-block-2 {
  width: 2800px;
}

.div-block-3 {
  width: 1400px;
}

.image-3 {
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
}

.slider {
  object-fit: cover;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  height: 100%;
  min-height: 100%;
  display: flex;
}

.image-4 {
  width: 100%;
  height: 100%;
}

.slide, .slide-2, .slide-3, .slide-4 {
  width: auto;
  height: 100%;
}

.gallery-wrapper {
  background-color: #e9e5e5;
  flex: none;
  padding-top: 6vh;
  padding-bottom: 6vh;
}

.carousel {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.image-wrapper-2 {
  opacity: .6;
  margin-right: 5px;
  padding: 1vh 5px;
  transition: opacity .2s;
  display: flex;
}

.image-wrapper-2.slick-center {
  opacity: 1;
}

.image-5 {
  object-fit: contain;
  max-height: 76vh;
}

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

.slide-5 {
  vertical-align: baseline;
}

.slide-6, .slide-7, .image-6 {
  height: 100%;
}

.image-7 {
  width: auto;
  height: 100%;
}

.image-8 {
  height: 100%;
}

.slider-2 {
  scroll-snap-type: x mandatory;
  justify-content: center;
  height: 700px;
  scroll-padding: 0 50vw;
  display: flex;
  overflow: scroll hidden;
}

.section-3 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.slide-content {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 85vw;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.image-9 {
  text-align: left;
}

.section-4 {
  background-color: #0000;
}

.code-embed {
  text-align: center;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.code-embed.background-color-green {
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-4 {
  height: 475px;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.container-5 {
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.slider-3 {
  height: 500px;
  display: block;
}

.section-5 {
  overflow: visible;
}

.container-6 {
  height: 800px;
}

.heading {
  padding-left: 5%;
}

.heading.text-color-off-white-light.heading-style-h2 {
  padding-top: 30px;
  padding-bottom: 0;
  display: flex;
}

.columns {
  padding-left: 5%;
  padding-right: 5%;
}

.column {
  object-fit: fill;
  display: block;
}

.column-2 {
  box-sizing: border-box;
  flex-flow: column-reverse;
  display: flex;
}

.slider-4 {
  height: 500px;
}

.div-block-5 {
  padding-top: 140px;
  padding-right: 60px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.code-embed-2 {
  display: block;
}

@media screen and (min-width: 1280px) {
  .text-color-yellow {
    color: var(--color--yellow);
  }

  .heading-style-h1.text-color-off-white-light {
    color: var(--color--off-white-light);
  }

  .block-quote {
    font-size: 18px;
    line-height: 170%;
  }

  .text-size-small.text-color-off-white-light, .heading-style-h5.text-color-off-white-light {
    color: var(--color--off-white-light);
  }

  .container {
    margin-top: auto;
    margin-bottom: auto;
  }

  .heading-style-h3.text-color-off-white-light {
    color: var(--color--off-white-light);
  }

  .heading-style-h4.text-color-off-white-light {
    padding-top: 100px;
  }

  .margin-bottom.margin-small {
    text-decoration: none;
  }

  .text-size-regular {
    font-weight: 400;
  }

  .text-size-regular.text-color-off-white-light {
    color: var(--color--off-white-light);
  }

  .styleguide-color.background-color-blue {
    background-color: #cfd9d9;
  }

  .tagline {
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 110%;
  }

  .tagline.text-color-yellow {
    font-weight: 400;
  }

  .button-text.text-color-green {
    color: var(--color--green);
  }

  .button-text.text-color-off-white-light {
    color: var(--color--off-white-light);
  }

  .header.horizontal {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: space-between;
  }

  .text-color-green {
    color: var(--color--green);
  }

  .heading-style-h2.text-color-off-white-light {
    color: var(--color--off-white-light);
  }

  .background-color-green {
    padding-bottom: 20px;
  }

  .text-color-off-white-light {
    color: var(--color--off-white-light);
  }

  .text-color-off-white-dark {
    color: var(--color--off-white-dark);
  }

  .bg-image-content-wrapper {
    justify-content: flex-start;
  }

  .content-wrapper {
    max-width: none;
  }

  .full-photo-header-home {
    height: 85vh;
  }

  .max-width-medium {
    max-width: var(--max-width--medium);
  }

  .image-and-features-component {
    grid-column-gap: var(--margin-wrapper--large);
  }

  .image {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
  }

  .icon-plant {
    width: auto;
    height: 90px;
  }

  .signup-form-wrapper {
    align-items: end;
  }

  .cta.center {
    text-align: center;
  }

  .grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .grid-features {
    grid-column-gap: var(--margin-wrapper--large);
  }

  .contact-map-wrapper {
    margin-top: var(--margin-wrapper--xlarge);
    padding-bottom: 0;
  }

  .content-wrapper-v2 {
    max-width: none;
  }

  .full-photo-header-experiences {
    background-image: url('../images/living-room-landscape.jpg');
    height: 85vh;
  }

  .full-photo-header-location, .full-photo-header-bedrooms {
    height: 85vh;
  }

  .div-block-4 {
    height: 480px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading.text-color-off-white-light.heading-style-h2 {
    padding-top: 30px;
    padding-bottom: 0;
  }

  .columns {
    padding-left: 5%;
    padding-right: 5%;
  }

  .column {
    padding-left: 0;
  }

  .image-10 {
    max-width: 100%;
    display: block;
  }

  .slider-4 {
    height: 600px;
    margin: auto;
  }
}

@media screen and (max-width: 991px) {
  a, a:hover, a:active, a:focus, a:lang(en) {
    color: var(--color--green);
  }

  .heading-style-h1 {
    font-size: 70px;
  }

  .heading-style-h3 {
    font-size: 2.25rem;
  }

  .heading-style-h4 {
    font-size: 1.75rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .tagline.text-color-yellow {
    margin-bottom: 0;
  }

  .header.horizontal {
    grid-column-gap: var(--margin-wrapper--large);
    grid-row-gap: var(--margin-wrapper--large);
    flex-direction: column;
    align-items: flex-start;
  }

  .button.button-color-yellow {
    color: var(--color--green);
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .heading-style-h1-alt {
    font-size: 70px;
  }

  .heading-style-h2-alt {
    font-size: 2.75rem;
  }

  .heading-style-h3-alt {
    font-size: 2.25rem;
  }

  .heading-style-h4-alt {
    font-size: 1.75rem;
  }

  .bg-image-content-wrapper {
    height: 60vh;
  }

  .heading-style-h1-2 {
    font-size: 70px;
  }

  .heading-wrapper {
    margin-bottom: var(--margin-wrapper--large);
  }

  .image-and-features-component {
    grid-column-gap: 3rem;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-auto-flow: row;
    min-height: auto;
  }

  ._3-column-heading-grid {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }

  .image {
    width: 100%;
    height: auto;
  }

  .image.small {
    max-height: var(--max-image-height--small);
    object-position: 50% 50%;
    width: 100%;
  }

  .cta-form-block {
    max-width: 25rem;
  }

  .heading-style-h2-2 {
    font-size: 2.75rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .icon-social-xsmall.icon-color-of-white {
    color: var(--color--yellow);
  }

  .nav-link {
    padding-top: var(--margin-wrapper--large);
    padding-left: var(--margin-wrapper--xlarge);
    color: var(--color--green);
  }

  .nav-link:active {
    color: var(--color--yellow);
  }

  .nav-menu-2 {
    background-color: var(--color--off-white-light);
    margin-top: 0;
  }

  .navbar-icons-wrapper {
    padding-top: var(--margin-wrapper--large);
    padding-bottom: var(--margin-wrapper--large);
    padding-left: var(--margin-wrapper--xlarge);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .grid {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }

  .heading-align-center {
    margin-bottom: .5rem;
  }

  .gallery21_arrow.is-left.mobile-hide {
    left: -80%;
  }

  .bedrooms-gallery-image-wrapper {
    padding-top: 50%;
  }

  .bedrooms-slider-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .gallery14_image-wrapper {
    padding-top: 66.66%;
  }

  .gallery-horizontal-slide {
    padding-right: var(--margin-wrapper--small);
    padding-left: var(--margin-wrapper--small);
  }

  .gallery14_arrow.hide-mobile-landscape {
    width: 3rem;
    height: 3rem;
  }

  .grid-features {
    grid-column-gap: 3rem;
    grid-template-columns: .5fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .press-list-item {
    grid-column-gap: var(--margin-wrapper--medium);
    grid-row-gap: var(--margin-wrapper--medium);
    grid-template-columns: 1fr;
  }

  .side-by-sice-component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
    padding-top: 6rem;
  }

  .header-content-side-by-side {
    margin-left: 5%;
    margin-right: 5%;
  }

  .menu-button-2, .menu-button-2.w--open {
    background-color: var(--color--no-color);
  }

  .image-small-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .image-small-wrapper.align-center {
    justify-content: center;
    align-items: center;
  }

  .line-button-2.yellow {
    margin-top: var(--margin-wrapper--small);
  }

  .bedrooms-gallery-slider {
    min-height: 40rem;
  }

  .gallery-horizontal-img-wrapper {
    padding-top: 50%;
  }

  .icon {
    color: var(--color--green);
  }

  .social-media-icon-wrapper {
    align-self: flex-start;
  }

  .gallery-vertical-slide {
    padding-right: var(--margin-wrapper--small);
    padding-left: var(--margin-wrapper--small);
  }

  .gallery-vertical-img-wrapper {
    padding-top: 50%;
  }

  .code-embed-2 {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .heading-style-h6 {
    font-size: 1.125rem;
  }

  .heading-style-h1 {
    font-size: 70px;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .text-size-large {
    font-size: 1.125rem;
  }

  .heading-style-h3 {
    font-size: 2rem;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .tagline.text-color-yellow {
    margin-bottom: var(--margin-wrapper--medium);
    line-height: 100%;
  }

  .header.horizontal {
    grid-column-gap: var(--margin-wrapper--large);
    grid-row-gap: var(--margin-wrapper--large);
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1.5rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .heading-style-h1-alt {
    font-size: 70px;
  }

  .heading-style-h2-alt {
    font-size: 2.25rem;
  }

  .heading-style-h3-alt {
    font-size: 2rem;
  }

  .heading-style-h4-alt {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .heading-style-h5-alt {
    font-size: 1.25rem;
  }

  .heading-style-h6-alt {
    font-size: 1.125rem;
  }

  .heading-style-h1-2 {
    font-size: 70px;
  }

  .heading-wrapper {
    margin-bottom: 0;
  }

  .full-photo-header-home {
    height: 50vh;
    max-height: none;
  }

  .image-and-features-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h2-2 {
    font-size: 2.25rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-top-wrapper {
    grid-row-gap: 3rem;
  }

  .footer-bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 1rem;
  }

  .footer-menu-wrapper {
    grid-column-gap: 1.5rem;
  }

  .grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }

  .heading-align-center {
    margin-bottom: 0;
  }

  .bedrooms-gallery-mask {
    width: 100%;
  }

  .gallery21_arrow.is-left {
    right: 3.5rem;
  }

  .gallery-horizontal-slide {
    padding-right: var(--margin-wrapper--small);
    padding-left: var(--margin-wrapper--small);
  }

  .gallery14_slider {
    padding-bottom: 3rem;
  }

  .grid-features {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .press-list-item {
    grid-column-gap: var(--margin-wrapper--medium);
    grid-row-gap: var(--margin-wrapper--medium);
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .button-line {
    width: 100%;
    margin: -.5rem;
    padding: .5rem;
    font-size: 1rem;
  }

  .side-by-sice-component {
    padding-top: 4rem;
  }

  .main-button {
    margin: -.5rem;
    padding: .5rem;
    font-size: 1rem;
  }

  .main-button.text-color-yellow {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .bedrooms-gallery-slide {
    padding-right: 1.5rem;
  }

  .gallery-slider-horizontal {
    padding-bottom: 3rem;
  }

  .full-photo-header-experiences, .full-photo-header-location, .full-photo-header-bedrooms {
    height: 50vh;
    max-height: none;
  }

  .gallery-slider-home {
    padding-bottom: 3rem;
  }

  .gallery-vertical-slide {
    padding-right: var(--margin-wrapper--small);
    padding-left: var(--margin-wrapper--small);
  }

  .image-5 {
    max-height: 40vh;
  }

  .heading.text-color-off-white-light.heading-style-h2 {
    padding-top: 30px;
    padding-bottom: 0;
  }

  .div-block-5 {
    width: auto;
    height: auto;
    padding-top: 100px;
    padding-right: 20px;
  }

  .image-11 {
    width: 100px;
    height: auto;
  }

  .link-block {
    width: auto;
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 4rem;
  }

  h6 {
    font-weight: 400;
  }

  .heading-style-h6 {
    font-size: 1.25rem;
  }

  .heading-style-h1 {
    text-transform: none;
    font-size: 4rem;
    line-height: 100%;
  }

  .heading-style-h5 {
    font-size: 1.5rem;
  }

  .heading-style-h5.text-color-off-white-light, .heading-style-h5.text-color-off-white-light.text-all-caps {
    text-align: left;
  }

  .container {
    padding-left: 3%;
    padding-right: 3%;
  }

  .styleguide-row-wrapper {
    overflow: hidden;
  }

  .styleguide-row-wrapper.vertical, .styleguide-row-wrapper.text-color-styleguide {
    flex-direction: column;
  }

  .heading-style-h3 {
    font-size: 2rem;
  }

  .heading-style-h4 {
    font-size: 1.6rem;
    line-height: 120%;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .tagline {
    font-size: 12px;
  }

  .tagline.text-color-yellow {
    margin-bottom: var(--margin-wrapper--small);
  }

  .header.horizontal {
    grid-column-gap: var(--margin-wrapper--large);
    grid-row-gap: var(--margin-wrapper--large);
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .button.button-secondary {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding: 20px 30px;
  }

  .button.button-secondary.small {
    padding: 10px 20px;
  }

  .button.small {
    font-size: 12px;
  }

  .button.button-color-yellow {
    color: var(--color--green);
  }

  .button.main {
    color: var(--color--off-white-light);
  }

  .heading-style-h2 {
    letter-spacing: 0;
    font-size: 2.5rem;
  }

  .heading-style-h1-alt {
    font-size: 4rem;
    line-height: 100%;
  }

  .heading-style-h2-alt {
    letter-spacing: 0;
    font-size: 3rem;
  }

  .heading-style-h3-alt {
    font-size: 2.3rem;
  }

  .heading-style-h4-alt {
    font-size: 2rem;
    line-height: 120%;
  }

  .heading-style-h5-alt {
    font-size: 1.5rem;
  }

  .heading-style-h6-alt {
    font-size: 1.25rem;
    font-weight: 400;
  }

  .bg-image-content-wrapper {
    padding-top: 74px;
  }

  .heading-style-h1-2 {
    font-size: 60px;
    line-height: 60px;
  }

  .heading-wrapper {
    margin-bottom: var(--margin-wrapper--large);
    justify-content: space-between;
    align-items: flex-start;
  }

  .header-content.center {
    max-width: none;
  }

  .image-and-features-component {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .grid-wrapper {
    grid-column-gap: var(--margin-wrapper--medium);
    grid-row-gap: var(--margin-wrapper--medium);
  }

  .features-item-list {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .text-wrapper.max-width-small {
    grid-column-gap: var(--margin-wrapper--large);
    grid-row-gap: var(--margin-wrapper--large);
  }

  .text-wrapper.max-width-large {
    margin-bottom: var(--margin-wrapper--large);
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  ._3-column-heading-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    display: block;
  }

  .image.small {
    display: block;
  }

  .signup-form-wrapper {
    grid-row-gap: .75rem;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .cta {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
  }

  .heading-style-h2-2 {
    letter-spacing: 0;
    font-size: 45px;
  }

  .text-link.text-color-off-white-light {
    color: var(--color--white);
  }

  .header7_content {
    max-height: none;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-menu-wrapper {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .icon-social-xsmall.icon-color-of-white, .nav-link, .nav-link:hover, .nav-link:active, .nav-link:focus, .nav-link:lang(en) {
    color: var(--color--green);
  }

  .nav-menu-2 {
    background-color: var(--color--off-white-light);
    height: 100vh;
    margin-top: 0;
  }

  .heading-align-center {
    margin-bottom: .5rem;
  }

  .gallery21_arrow.is-left {
    left: -70%;
  }

  .gallery21_arrow.is-left.mobile-hide, .gallery21_arrow.mobile-hide {
    display: none;
  }

  .bedrooms-gallery-image-wrapper {
    padding-top: 75%;
  }

  .bedrooms-slider-grid {
    grid-template-rows: auto auto auto;
  }

  .image-text-wrapper {
    flex-flow: row;
  }

  .gallery-horizontal-slide {
    padding-right: var(--margin-wrapper--small);
    padding-left: var(--margin-wrapper--small);
  }

  .gallery14_slider {
    padding-bottom: 0;
  }

  .features-item-list-bottom {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .icon-text-wrapper {
    margin-right: var(--margin-wrapper--large);
    margin-left: var(--margin-wrapper--large);
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .grid-features {
    grid-template-columns: 1fr;
  }

  .item-link-wrapper {
    grid-column-gap: var(--margin-wrapper--small);
    grid-row-gap: var(--margin-wrapper--small);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .button-line {
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
  }

  .side-by-sice-component {
    grid-template-columns: 1fr;
  }

  .header-image-bg-content {
    overflow: visible;
  }

  .section-image-bg {
    overflow: hidden;
  }

  .menu-button-2, .menu-button-2.w--open {
    background-color: var(--color--no-color);
  }

  .grid-4-columns {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }

  .location-list-component {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }

  .image-small-wrapper {
    padding-right: var(--margin-wrapper--xlarge);
    padding-left: var(--margin-wrapper--xlarge);
  }

  .content-wrapper-v2 {
    grid-column-gap: var(--margin-wrapper--large);
    grid-row-gap: var(--margin-wrapper--large);
  }

  .main-button {
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
  }

  .bedrooms-gallery-slide {
    padding-right: 0;
  }

  .gallery-slider-horizontal {
    padding-bottom: 0;
  }

  .gallery-horizontal-img-wrapper {
    padding-top: 100%;
  }

  .icon {
    color: var(--color--green);
    display: block;
  }

  .social-media-icon-wrapper {
    grid-column-gap: var(--margin-wrapper--medium);
    grid-row-gap: var(--margin-wrapper--medium);
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .full-photo-header-experiences {
    background-image: url('../images/CasaCoco-LivingRoom-3.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .gallery-slider-home {
    padding-bottom: 0;
  }

  .gallery-vertical-slide {
    padding-right: var(--margin-wrapper--small);
    padding-left: var(--margin-wrapper--small);
  }

  .gallery-vertical-img-wrapper {
    padding-top: 100%;
  }

  .image-5 {
    max-height: 65vw;
  }

  .columns {
    padding-left: 0;
  }

  .slider-4 {
    height: auto;
  }

  .div-block-5 {
    width: auto;
    height: auto;
    padding-top: 80px;
    padding-right: 10px;
  }

  .image-11 {
    width: 80px;
    height: auto;
  }
}

#w-node-_7c6c76b4-ed9b-e231-8cf2-4298b2a8ea3d-eefe1a34 {
  place-self: center;
}

#w-node-_9d6d07c8-44a6-2bb9-cc2f-136e75b2b18c-eefe1a34 {
  place-self: start center;
}

#w-node-_11688b02-c718-aa7c-ea92-12a95d98b37a-eefe1a34 {
  place-self: end center;
}

#w-node-_0e4fbbb6-018b-bbf1-4609-b1c605e018a6-05e018a1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_187d130b-99ff-fa81-589e-3788f1e30462-07846de5 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_187d130b-99ff-fa81-589e-3788f1e3049f-07846de5 {
  grid-area: 1 / 3 / 3 / 4;
  place-self: end;
}

#w-node-c981f67b-0592-d596-be21-73dda1e78aea-eefe923f {
  place-self: start center;
}

#w-node-c981f67b-0592-d596-be21-73dda1e78af5-eefe923f {
  place-self: end center;
}

#w-node-d4eaa34f-b5d6-832c-9478-d86c343c7a58-eefe923f {
  place-self: center;
}

#w-node-eb7fbbce-6197-01c3-4ff3-432d3583a203-27e7af85 {
  place-self: center;
}

#w-node-_2054255d-1a41-0825-036c-d452abe19fba-0bf841e5, #w-node-_74249d96-c2c6-f642-65a7-31d52dfbdd2f-0bf841e5, #w-node-bf6cbc83-8685-2e81-af40-fc9f9b822a8a-0bf841e5, #w-node-a89185f5-6b87-6f3b-d1b7-b4d84b609ce3-0bf841e5, #w-node-a89185f5-6b87-6f3b-d1b7-b4d84b609cee-0bf841e5, #w-node-_774335c0-1db7-cfd7-1acb-b41c1d19b5dd-0bf841e5 {
  place-self: center;
}

#w-node-_852b3ec4-49b5-1c2a-89f4-ade5252a8e55-0bf841e5 {
  align-self: center;
}

#w-node-_852b3ec4-49b5-1c2a-89f4-ade5252a8e5a-0bf841e5 {
  place-self: center;
}

#w-node-_7b22fde9-4ac4-39ac-e5d6-75363b171836-4fdcd57f, #w-node-_7b22fde9-4ac4-39ac-e5d6-75363b17183a-4fdcd57f, #w-node-_7b22fde9-4ac4-39ac-e5d6-75363b17183e-4fdcd57f, #w-node-_7b22fde9-4ac4-39ac-e5d6-75363b171842-4fdcd57f, #w-node-_7b22fde9-4ac4-39ac-e5d6-75363b171846-4fdcd57f, #w-node-_7b22fde9-4ac4-39ac-e5d6-75363b17184a-4fdcd57f, #w-node-_6e95f0bf-b744-1b01-2477-92c98b4088e6-4fdcd57f, #w-node-_7b22fde9-4ac4-39ac-e5d6-75363b171857-4fdcd57f, #w-node-_7b22fde9-4ac4-39ac-e5d6-75363b17185b-4fdcd57f, #w-node-_7b22fde9-4ac4-39ac-e5d6-75363b17185f-4fdcd57f, #w-node-_7b22fde9-4ac4-39ac-e5d6-75363b171863-4fdcd57f, #w-node-_7b22fde9-4ac4-39ac-e5d6-75363b171867-4fdcd57f, #w-node-_7b22fde9-4ac4-39ac-e5d6-75363b171869-4fdcd57f, #w-node-f1b022e9-a520-b905-d1bb-09da2333e55e-4fdcd57f, #w-node-f1b022e9-a520-b905-d1bb-09da2333e560-4fdcd57f, #w-node-dc7e2079-531d-8ed9-e97c-328fb08d9bff-4fdcd57f, #w-node-dc7e2079-531d-8ed9-e97c-328fb08d9c01-4fdcd57f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ccb48c16-01b2-d391-97a6-5b321ceff596-fd25fcce {
  justify-self: end;
}

#w-node-_915eca17-4214-ad17-885b-8369e84af584-fd25fcce {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_915eca17-4214-ad17-885b-8369e84af5af-fd25fcce {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: end;
}

#w-node-f4bc3d51-7dbf-6a78-8f7b-fd4a509a781a-fd25fcce {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-f4bc3d51-7dbf-6a78-8f7b-fd4a509a7857-fd25fcce {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-_9d6d07c8-44a6-2bb9-cc2f-136e75b2b196-eefe1a34 {
    place-self: center start;
  }

  #w-node-_187d130b-99ff-fa81-589e-3788f1e30462-07846de5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_187d130b-99ff-fa81-589e-3788f1e30486-07846de5 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_187d130b-99ff-fa81-589e-3788f1e3049f-07846de5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: end;
  }

  #w-node-c981f67b-0592-d596-be21-73dda1e78af3-eefe923f {
    place-self: center start;
  }

  #w-node-_93a8cb76-a0e0-195b-4bcf-b766724c8aa8-0bf841e5 {
    place-self: center;
  }

  #w-node-_852b3ec4-49b5-1c2a-89f4-ade5252a8e5a-0bf841e5, #w-node-ccb48c16-01b2-d391-97a6-5b321ceff596-fd25fcce {
    justify-self: start;
  }

  #w-node-_7aad2df5-8d62-3af0-e8a1-dfd68d96d82e-fd25fcce {
    place-self: center start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_852b3ec4-49b5-1c2a-89f4-ade5252a8e5a-0bf841e5 {
    justify-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_9d6d07c8-44a6-2bb9-cc2f-136e75b2b196-eefe1a34 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_187d130b-99ff-fa81-589e-3788f1e3049f-07846de5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto;
  }

  #w-node-c981f67b-0592-d596-be21-73dda1e78af3-eefe923f, #w-node-_93a8cb76-a0e0-195b-4bcf-b766724c8aa8-0bf841e5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_915eca17-4214-ad17-885b-8369e84af5af-fd25fcce, #w-node-f4bc3d51-7dbf-6a78-8f7b-fd4a509a7857-fd25fcce {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto;
  }

  #w-node-_7aad2df5-8d62-3af0-e8a1-dfd68d96d82e-fd25fcce {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'The Seasons';
  src: url('../fonts/The-Seasons-Regular-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'The Seasons Semi';
  src: url('../fonts/The-Seasons-Semi-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'The Seasons Semi';
  src: url('../fonts/The-Seasons-Semi-Bold-Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'The Seasons';
  src: url('../fonts/The-Seasons-Bold-Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'The Seasons';
  src: url('../fonts/The-Seasons-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'The Seasons';
  src: url('../fonts/The-Seasons-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}