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

.hero {
  height: 80vh;
  background-image: url('../images/Bayvista1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero.rooms {
  background-image: url('../images/Bayvista17.jpg');
}

.navbar {
  background-color: transparent;
}

.nav-link {
  color: #fff;
}

.nav-link.w--current {
  color: #fff;
  text-decoration: underline;
}

.section {
  min-height: 50vh;
  padding: 40px;
}

.text-wrap {
  margin-bottom: 10px;
}

.book-now-button {
  margin-top: 20px;
  border-radius: 4px;
  background-color: #01a0d5;
  color: #fff;
  text-transform: uppercase;
}

.bold-text {
  color: #01a0d5;
  font-size: 20px;
  line-height: 27px;
  text-transform: uppercase;
}

.paragraph {
  font-size: 16px;
  line-height: 24px;
}

.image {
  width: 480px;
  border-radius: 4px;
}

.footer {
  height: 48px;
  padding: 17px;
  background-color: #01a0d5;
  text-align: center;
}

.footer-text {
  color: #fff;
  text-transform: uppercase;
}

.heading {
  text-transform: uppercase;
}

.image-3 {
  width: 20px;
}

.contact-details-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.location-details-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.location-link {
  margin-bottom: 8px;
  margin-left: 8px;
  color: #000;
  font-size: 16px;
  text-decoration: none;
}

.link-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  text-decoration: none;
}

.columns {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
}

.columns-2 {
  max-width: 980px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
}

.heading-2 {
  line-height: 32px;
}

.image-4 {
  border-radius: 4px;
}

.grid-images {
  border-radius: 4px;
}

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

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.section-2 {
  height: 100vh;
}

.body-404 {
  background-color: #01a0d5;
}

.heading-3 {
  color: #fff;
}

.text-block {
  color: #fff;
}

@media screen and (max-width: 991px) {
  .nav-link {
    padding: 12px;
  }

  .image-4 {
    margin-top: 10px;
  }

  .icon {
    color: #fff;
  }

  .menu-button {
    background-color: transparent;
  }

  .menu-button.w--open {
    background-color: transparent;
  }

  .nav-menu {
    padding: 17px;
    background-color: #01a0d5;
  }
}

@media screen and (max-width: 479px) {
  .section {
    padding: 16px;
  }

  .bold-text {
    line-height: 20px;
  }

  .heading-2 {
    line-height: 24px;
  }

  .utility-page-wrap {
    padding-right: 16px;
    padding-left: 16px;
  }
}

#w-node-_05404218-064b-1bc8-010b-e0210181fb8a-3a9b410e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_92ff0d05-9e4c-3578-dc07-c6c063909659-3a9b410e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-b4b32d29-f78e-57a1-dd0a-1721c8927aaa-3a9b410e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-a567fc10-549a-c620-49d0-759f90b165eb-3a9b410e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-e072700a-229b-d7c6-0783-825f016c9ce1-3a9b410e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-befd65a2-b392-2298-d94c-0d03256db829-3a9b410e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_09d54bda-8dee-75f8-28bf-7ec78324d2eb-3a9b410e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_1ed57651-78d8-58ef-e313-080867d28ce5-3a9b410e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-df8bf4e9-326f-5145-acf0-f05228c32d7a-3a9b410e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_7dbfd348-7f42-5d15-9aed-1308e52c670f-3a9b410e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_3ab12977-1f28-8114-d987-9e033998d46c-3a9b410e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_9407a771-9e9f-4ba2-264a-7ed9aebcc45c-3a9b410e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_10e09ab7-9b87-0a1c-bf7a-2615bba27e8c-3a9b410e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_5e213435-1ce2-2491-69ee-1b20834e31cb-3a9b410e {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

