/* Mary Stewart */

/* Section 1: Life, according to Mary Stewart, is all a wonderfu */
.s1 {
  min-height: 953px;
  background-color: rgba(125, 125, 125, 0.3);
  padding: 0 50px 0 50px;
  display: flex;
}
.video-bg.s1-video {
  background-position: 50% 50%;
  display: block;
}
.s1-row {
  column-gap: 24px;
}
.s1-c1 {
  grid-column: span 24;
  padding: 0 105px 0 111px;
  justify-content: flex-end;
  align-items: flex-start;
  text-align: left;
  display: flex;
}
.s1-c1-h1 {
  font-size: 2.75rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.05em;
  letter-spacing: 0;
  color: rgb(255, 255, 255);
  margin: 0 0 1.9643em 0;
}
@media (max-width: 999px) {
  .s1 {
    padding: 0 30px 0 30px;
    display: none;
  }
  .s1-c1 {
    grid-column: auto;
    padding: 24px 71px 0 42px;
    display: none;
  }
}
@media (max-width: 749px) {
  .s1 {
    padding: 0 15px 0 15px;
  }
  .s1-c1 {
    padding: 61px 20px 0 24px;
  }
}

/* Section 2: media */
.s2 {
  min-height: 136px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: none;
}
.s2-row {
  column-gap: 0;
}
.s2-c1 {
  grid-column: span 24;
  padding: 0 0 0 0;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
}
.s2-c1-img {
  width: 614px;
  margin: 0 0 0 0;
  display: block;
}
@media (max-width: 999px) {
  .s2 {
    min-height: 724px;
    display: flex;
  }
  .s2-c1 {
    grid-column: auto;
  }
  .s2-c1-img {
    width: 768px;
  }
}
@media (max-width: 749px) {
  .s2 {
    min-height: 445px;
  }
}

/* Section 3: Life, according to Mary Stewart, is all a wonderfu */
.s3 {
  min-height: 65px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: none;
}
.s3-row {
  column-gap: 24px;
}
.s3-c1 {
  grid-column: span 24;
  padding: 42px 50px 42px 52px;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
}
.s3-c1-h2 {
  font-size: 2.5rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.05em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0 0;
}
@media (max-width: 999px) {
  .s3 {
    display: flex;
  }
  .s3-c1 {
    grid-column: auto;
    padding: 50px 50px 50px 50px;
  }
  .s3-c1-h2 {
    font-size: 2.25rem;
  }
}
@media (max-width: 749px) {
  .s3-c1 {
    padding: 0 37px 35px 44px;
  }
  .s3-c1-h2 {
    font-size: 1.75rem;
  }
}

/* Section 4: “The atmosphere of consideration and respect for e */
.s4 {
  min-height: 614px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.s4-row {
  column-gap: 0;
}
.s4-c1 {
  grid-column: span 6;
  padding: 6px 4.0046vw 50px 3.1921vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(255, 255, 255);
  display: flex;
}
.s4-c1-img {
  width: 292px;
  align-self: center;
  margin: 0 0 1.625em 0;
  display: block;
}
.s4-c1-g1 {
  margin: 0 0 0 0;
}
.s4-c1-q {
  font-size: 1.25rem;
  font-family: 'Times New Roman', Times, serif;
  font-weight: 400;
  font-style: italic;
  line-height: 1.3em;
  letter-spacing: 0;
  color: rgb(51, 51, 51);
  margin: 0 0 0 0;
  text-align: center;
}
.s4-c2 {
  grid-column: span 11;
  padding: 81px 1.0309vw 92px 1.2735vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
}
.s4-c2-h4 {
  font-size: 1.375rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0;
  color: rgba(125, 125, 125, 0.75);
  margin: 0 0 1.9545em 0;
  text-align: left;
}
.s4-c2-p {
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s4-c2-p-2 {
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s4-c2-p-3 {
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s4-c3 {
  grid-column: span 7;
  padding: 255px 6.138vw 0 4.2542vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(255, 255, 255);
  display: flex;
}
.s4-c3-img {
  width: 332px;
  align-self: center;
  margin: 0 0 30px 0;
  display: block;
}
@media (max-width: 999px) {
  .s4-c1 {
    grid-column: auto;
    padding: 0 34.6354vw 0 34.6354vw;
  }
  .s4-c1-q {
    margin: 0 0 2.25em 0;
  }
  .s4-c2 {
    grid-column: auto;
    padding: 0 8.5938vw 24px 8.4635vw;
  }
  .s4-c2-h4 {
    margin: 0 0 1.5909em 0;
  }
  .s4-c3 {
    grid-column: auto;
    padding: 8px 8.5938vw 0 8.4635vw;
  }
  .s4-c3-img {
    width: 720px;
    margin: 0 0 1.625em 0;
  }
}
@media (max-width: 749px) {
  .s4-c1 {
    padding: 5px 20.2667vw 31px 20.2667vw;
  }
  .s4-c1-img {
    width: 226px;
    margin: 0 0 1.6875em 0;
  }
  .s4-c1-q {
    margin: 0 0 0 0;
  }
  .s4-c2 {
    padding: 0 9.6vw 32px 9.6vw;
  }
  .s4-c2-h4 {
    font-size: 1.125rem;
    margin: 0 0 1.7727em 0;
  }
  .s4-c3 {
    padding: 0 6.4vw 0 6.4vw;
  }
  .s4-c3-img {
    width: 375px;
  }
}

/* Section 5: media */
.s5 {
  min-height: 830px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.bg.s5-bg {
  background-image: url("../images/orchid_island_clubhouse.78d9cffb7078.jpg");
  background-position: 50% 50%;
  display: block;
}
.s5-row {
  column-gap: 0;
}
.s5-c1 {
  grid-column: span 24;
  padding: 16px 16px 16px 16px;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  display: flex;
}
@media (max-width: 999px) {
  .s5 {
    min-height: 509px;
  }
  .s5-c1 {
    grid-column: auto;
    padding: 24px 3.125vw 14px 3.125vw;
  }
}
@media (max-width: 749px) {
  .s5 {
    min-height: 230px;
  }
  .s5-c1 {
    padding: 24px 24px 10px 24px;
  }
}

/* Section 6: When the past */
.s6 {
  min-height: 1255px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.s6-row {
  column-gap: 0;
}
.s6-c1 {
  grid-column: span 6;
  padding: 46px 3.5788vw 0 7.2614vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(255, 255, 255);
  display: flex;
}
.s6-c2 {
  grid-column: span 11;
  padding: 0 1.0309vw 72px 1.2735vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
}
.s6-c2-g1 {
  margin: 0 0 0 0;
}
.s6-c2-h2 {
  font-size: 2.75rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1em;
  letter-spacing: 0;
  color: rgba(125, 125, 125, 0.75);
  margin: 0 0 0.8776em 0;
  text-align: left;
}
.s6-c2-h4 {
  font-size: 1.375rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0;
  color: rgba(125, 125, 125, 0.75);
  margin: 0 0 1.9545em 0;
  text-align: left;
}
.s6-c2-p {
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s6-c2-p-2 {
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s6-c2-p-3 {
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0 0;
  text-align: left;
}
.s6-c3 {
  grid-column: span 7;
  padding: 304px 6.4079vw 79px 2.689vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(255, 255, 255);
  display: flex;
}
@media (max-width: 999px) {
  .s6-c1 {
    grid-column: auto;
    padding: 42px 34.6354vw 0 34.6354vw;
  }
  .s6-c2 {
    grid-column: auto;
    padding: 0 8.5938vw 42px 8.4635vw;
  }
  .s6-c2-h2 {
    margin: 0 0 0.9091em 0;
  }
  .s6-c2-h4 {
    margin: 0 0 1.5909em 0;
  }
  .s6-c3 {
    grid-column: auto;
    padding: 0 8.5938vw 0 8.4635vw;
  }
}
@media (max-width: 749px) {
  .s6-c1 {
    padding: 32px 20.2667vw 0 20.2667vw;
  }
  .s6-c2 {
    padding: 0 9.6vw 32px 9.6vw;
  }
  .s6-c2-h2 {
    font-size: 1.75rem;
  }
  .s6-c2-h4 {
    font-size: 1.125rem;
    margin: 0 0 1.7727em 0;
  }
  .s6-c3 {
    padding: 0 6.4vw 0 6.4vw;
  }
}

/* Section 7: media */
.s7 {
  min-height: 727px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.bg.s7-bg {
  background-image: url("../images/turtle_bar_happy_hour.87e665647226.jpg");
  background-position: 50% 50%;
  display: block;
}
.s7-row {
  column-gap: 0;
}
@media (max-width: 999px) {
  .s7 {
    min-height: 441px;
  }
}
@media (max-width: 749px) {
  .s7 {
    min-height: 214px;
  }
}

/* Section 8: “When I get into this kind of conversation, I say  */
.s8 {
  min-height: 542px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.s8-row {
  column-gap: 0;
}
.s8-c1 {
  grid-column: span 6;
  padding: 0 4.4696vw 50px 4.7388vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(255, 255, 255);
  display: flex;
}
.s8-c1-img {
  width: 343px;
  align-self: center;
  margin: 0 0 1.5em 0;
  display: block;
}
.s8-c1-g1 {
  margin: 0 0 0 0;
}
.s8-c1-q {
  font-size: 1.25rem;
  font-family: 'Times New Roman', Times, serif;
  font-weight: 400;
  font-style: italic;
  line-height: 1.3em;
  letter-spacing: 0;
  color: rgb(51, 51, 51);
  margin: 0 0 0 0;
  text-align: center;
}
.s8-c2 {
  grid-column: span 11;
  padding: 75px 1.0309vw 92px 1.2735vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
}
.s8-c2-g1 {
  margin: 0 0 0 0;
}
.s8-c2-h2 {
  font-size: 2.75rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1em;
  letter-spacing: 0;
  color: rgba(125, 125, 125, 0.75);
  margin: 0 0 0.898em 0;
  text-align: left;
}
.s8-c2-h4 {
  font-size: 1.375rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0;
  color: rgba(125, 125, 125, 0.75);
  margin: 0 0 1.9545em 0;
  text-align: left;
}
.s8-c2-p {
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s8-c2-p-2 {
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s8-c2-p-3 {
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s8-c2-p-4 {
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s8-c3 {
  grid-column: span 7;
  padding: 0 6.339vw 50px 2.4896vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(255, 255, 255);
  display: flex;
}
@media (max-width: 999px) {
  .s8 {
    min-height: 1582px;
  }
  .s8-c1 {
    grid-column: auto;
    padding: 42px 23.5677vw 0 23.6979vw;
  }
  .s8-c1-img {
    width: 309px;
  }
  .s8-c1-q {
    margin: 0 0 2.25em 0;
  }
  .s8-c2 {
    grid-column: auto;
    padding: 0 8.5938vw 24px 8.4635vw;
  }
  .s8-c2-h4 {
    margin: 0 0 1.5909em 0;
  }
  .s8-c3 {
    grid-column: auto;
    padding: 8px 8.5938vw 0 8.4635vw;
  }
}
@media (max-width: 749px) {
  .s8 {
    min-height: 2291px;
  }
  .s8-c1 {
    padding: 38px 20.2667vw 32px 20.2667vw;
  }
  .s8-c1-img {
    width: 211px;
    margin: 0 0 1.6875em 0;
  }
  .s8-c1-q {
    margin: 0 0 0 0;
  }
  .s8-c2 {
    padding: 0 9.6vw 0 9.6vw;
  }
  .s8-c2-h2 {
    font-size: 1.75rem;
  }
  .s8-c2-h4 {
    font-size: 1.125rem;
    margin: 0 0 1.7727em 0;
  }
  .s8-c3 {
    padding: 0 6.4vw 0 6.4vw;
  }
}

/* Section 9: media */
.s9 {
  min-height: 779px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.bg.s9-bg {
  background-image: url("../images/oi_00019_copy.1145a20e89c3.jpg");
  background-position: 50% 50%;
  display: block;
}
.s9-row {
  column-gap: 0;
}
@media (max-width: 999px) {
  .s9 {
    min-height: 459px;
  }
}
@media (max-width: 749px) {
  .s9 {
    min-height: 271px;
  }
}

/* Section 10: Connections with */
.s10 {
  min-height: 614px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.s10-row {
  column-gap: 0;
}
.s10-c1 {
  grid-column: span 6;
  padding: 0 3.6307vw 266px 5.3942vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(255, 255, 255);
  display: flex;
}
.s10-c2 {
  grid-column: span 11;
  padding: 92px 1.0309vw 92px 1.2735vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
}
.s10-c2-g1 {
  margin: 0 0 0 0;
}
.s10-c2-h2 {
  font-size: 2.75rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1em;
  letter-spacing: 0;
  color: rgba(125, 125, 125, 0.75);
  margin: 0 0 0.898em 0;
  text-align: left;
}
.s10-c2-h4 {
  font-size: 1.375rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0;
  color: rgba(125, 125, 125, 0.75);
  margin: 0 0 1.9545em 0;
  text-align: left;
}
.s10-c2-p {
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s10-c2-p-2 {
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s10-c2-p-3 {
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s10-c2-p-4 {
  font-size: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0 0;
  text-align: left;
}
.s10-c3 {
  grid-column: span 7;
  padding: 149px 5.6535vw 9px 2.8002vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(255, 255, 255);
  display: flex;
}
.s10-c3-img {
  width: 340px;
  align-self: center;
  margin: 0 0 1.5em 0;
  display: block;
}
@media (max-width: 999px) {
  .s10-c1 {
    grid-column: auto;
    padding: 55px 34.6354vw 0 34.6354vw;
  }
  .s10-c2 {
    grid-column: auto;
    padding: 0 9.375vw 24px 9.5052vw;
  }
  .s10-c2-h4 {
    margin: 0 0 1.5909em 0;
  }
  .s10-c3 {
    grid-column: auto;
    padding: 8px 8.5938vw 0 8.4635vw;
  }
  .s10-c3-img {
    width: 720px;
    margin: 0 0 1.625em 0;
  }
}
@media (max-width: 749px) {
  .s10-c1 {
    padding: 0 20.2667vw 0 20.2667vw;
  }
  .s10-c2 {
    padding: 37px 9.6vw 32px 9.6vw;
  }
  .s10-c2-h2 {
    font-size: 1.75rem;
  }
  .s10-c2-h4 {
    font-size: 1.125rem;
    margin: 0 0 1.7727em 0;
  }
  .s10-c3 {
    padding: 0 6.4vw 0 6.4vw;
  }
  .s10-c3-img {
    width: 327px;
    margin: 0 0 2em 0;
  }
}

/* Section 11: media */
.s11 {
  min-height: 764px;
  background-color: rgba(125, 125, 125, 0.2);
  padding: 0;
  display: flex;
}
.bg.s11-bg {
  background-image: url("../images/mary_at_orchid_island-10-min.722a35f2fb3b.jpg");
  background-position: 50% 0%;
  display: block;
}
.s11-row {
  column-gap: 0;
}
.s11-c1 {
  grid-column: span 15;
  padding: 679px 0 5px 25.3402vw;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
}
.s11-c1-g1 {
  margin: 0 0 0 0;
}
.s11-c1-h2 {
  font-size: 2.75rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1em;
  letter-spacing: 0;
  color: rgb(255, 255, 255);
  margin: 0 0 0 0;
  text-align: left;
}
.s11-c2 {
  grid-column: span 9;
  padding: 100px 6.9686vw 100px 12.5729vw;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
}
@media (max-width: 999px) {
  .s11 {
    min-height: 476px;
  }
  .s11-c1 {
    grid-column: auto;
    padding: 66px 8.5938vw 66px 0;
  }
  .s11-c2 {
    grid-column: auto;
    padding: 66px 8.5938vw 75px 0;
  }
}
@media (max-width: 749px) {
  .s11 {
    min-height: 236px;
    display: none;
  }
  .s11-c1 {
    padding: 24px 24px 10px 24px;
  }
  .s11-c2 {
    padding: 24px 24px 10px 24px;
  }
}
/* Background video stills (shown until the video plays) */
.video-bg.s1-video {
  background-image: url("https://i.ytimg.com/vi/neZjCtj0WGs/maxresdefault.jpg");
}

/* Animation delays */
.d-150 {
  animation-delay: 150ms;
}
.d-300 {
  animation-delay: 300ms;
}