:root {
  --primary: #343a40;
  --secondary: yellow;
  --text: #343a40;
  --text-light: #adb5bd;
  --border: #e9ecef;
  --max-width: 80vw;
}
body {
  color: var(--text);
  font-family: "Bitter", serif;
}
header {
  background: var(--primary);
  padding: 15px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  color: #fff;
}
header img {
  width: 60px;
  height: 60px;
}
footer .social {
  color: #fff;
}
.social svg {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.social svg path {
  fill: #fff;
}
footer {
  background: var(--text);
  color: #fff;
  padding: 50px;
  font-size: 16px;
}
footer svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
footer svg path {
  fill: #fff;
}
p.footer-title {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 14px;
  letter-spacing: 3px;
}
footer ul {
  margin: 0;
  padding: 0;
  margin-bottom: 50px;
}
footer ul li {
  margin-bottom: 10px;
}
footer img {
  max-width: 70px;
  margin-bottom: 50px;
}
.shadow {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-top: 8px solid #748ffc;
  padding: 6em 10em;
}
.cta {
  font-size: 13px;
  display: block;
  border: 2px solid #fff;
  padding: 8px 20px;
  text-transform: uppercase;
  align-self: center;
  color: #fff;
  font-weight: 700;
  letter-spacing: 2px;
  align-self: flex-start;
  text-decoration: none;
}
.cta:hover {
  color: #fff;
}
.logo {
  color: #fff;
  font-family: "Bitter", serif;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
}
.logo span {
  display: block;
  max-width: 100px;
  margin-left: 15px;
  letter-spacing: 4px;
}
.page {
  padding: 30px 0 60px;
}
.custom-p {
  font-size: 20px;
  font-weight: 400;
  max-width: 70%;
}
h1 {
  font-weight: 500;
  line-height: 1;
  font-size: 60px;
  color: var(--text);
}
.divider {
  margin: 4em 0;
  height: 1px;
  width: 150px;
  background: var(--text-light);
}
.container.container-small {
  max-width: 1200px;
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: var(--max-width);
  }
}
.page-background {
  background: #f8f9fa;
}
.custom-padding {
  padding: 50px 200px;
}
/*
Contact
*/
.contact-form button {
  display: inline-block;
  width: auto;
  padding: 12px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  background: #748ffc;
  border: none;
  border-radius: 3px;
}
.contact-image {
  width: 100%;
}
.image-col {
  flex-grow: 1;
}
.contact-form label {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  margin-bottom: 5px;
}
.contact-form input,
.contact-form textarea,
.contact-form select {
  min-height: 42px;
  padding: 5px;
  background: #e9ecef;
  border: none;
}
.contact-form .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.contact-form .help-block {
  font-size: 14px;
  margin-top: 5px;
  color: #fa5252;
}
/**
Breadcrumb
*/
.breadcrumb {
  padding: 20px;
  display: flex;
  align-items: center;
  list-style: none;
  font-size: 15px;
  /* max-width: var(--max-width); */
  margin: 0 auto;
}
.breadcrumb li {
  margin-right: 25px;
  position: relative;
}
.breadcrumb li::after {
  content: "/";
  position: absolute;
  right: -15px;
  display: block;
  top: 0px;
}
.breadcrumb li:last-of-type:after {
  display: none;
}
.breadcrumb a {
  font-weight: bold;
  color: #748ffc;
}
/**
Menu
*/
.menu {
  margin-right: 50px;
}
.menu ul {
  display: flex;
  align-items: center;
  list-style: none;
  margin-bottom: 0;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 0;
}
.menu a {
  display: block;
  padding: 10px;
  color: #fff;
}
/**
Language
*/
#language-switcher {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  color: rgba(255, 255, 255, 0.25);
}
#language-switcher .radio-list {
  display: flex;
}
#language-switcher input[type="radio"] {
  display: none;
}
#language-switcher input[type="radio"],
#language-switcher input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px;
  line-height: normal;
}
#language-switcher input[type="radio"]:checked + label {
  color: #fff;
}
#language-switcher label {
  cursor: pointer;
  font-weight: normal;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  padding: 0 5px;
  margin-bottom: 0;
}
/**
Hero
*/
.hero-stars {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.hero-stars svg {
  height: 16px;
  width: 16px;
}
.hero-stars svg path {
  fill: #f6f2ec;
}

.hero {
  height: 100vh;
  background-image: url("../images/hero.jpg");
  background-position: center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.menu-open {
  width: 24px;
  height: 24px;
  margin-left: 10px;
  display: none;
}
.menu-open path {
  fill: #fff;
}
.hero .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.hero .hero-content {
  padding: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 2;
  text-align: center;
  font-family: "Bitter", serif;
}
.hero .hero-content img {
  width: 150px;
  height: 150px;
  margin-bottom: 15px;
}
.hero .hero-content p {
  text-transform: uppercase;
  font-size: 27px;
  font-weight: 700;
  letter-spacing: 11px;
  margin-bottom: 0px;
}
.hero .hero-content small {
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 8px;
  margin-top: 8px;
}
/**
Sections
*/
.section-grid {
  display: flex;
  flex-direction: column;
}
.section-item {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;
}
.section-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.section-info {
  color: #fff;
  max-width: 50vw;
  z-index: 2;
}
.section-info h2 {
  font-size: 48px;
}
.section-info p {
  font-size: 1em;
  line-height: 1.8;
  letter-spacing: 1px;
}
/**
Accomodation
*/
.unit-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 3px;
}
.unit {
  position: relative;
  height: 55vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.unit .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.unit-info {
  padding: 30px;
  color: #fff;
  z-index: 2;
  height: 100%;
}
.unit h2 {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 10px;
}
.unit-info p {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: 1px;
}
/**
Accomodation view
*/
.accomodation-hero {
  height: 30vh;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #fff;
}
.accomodation-hero .overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.accomodation-hero-content {
  z-index: 10;
  color: #fff;
}
.accomodation-hero-content h1 {
  color: #fff;
}
.accomodation-index {
  background: #f8f9fa;
}
.flex-even {
  flex: 1;
}
.accomodation-item {
  background: #f8f9fa;
  align-items: center;
}
.accomodation-item-info {
  line-height: 1.6;
}
.accomodation-item-image {
  background-size: cover;
  background-position: center center;
}
.accomodation-item-info p {
  font-size: 28px;
}
.accomodation-subtitle {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 3px;
  text-align: center;
}
.accomodation-item-info h4 {
  margin-top: 3em;
  text-transform: uppercase;
  font-size: 16px;
}
.accomodation-item-info ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 15px 0;
  margin: 0;
  list-style: none;
}
.info.success {
  background: #38d9a9;
  color: #fff;
  padding: 30px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
.accomodation-item-info ul li:nth-child(-n + 3) {
  border-bottom: 1px solid var(--border);
}

.accomodation-item-info ul li:nth-child(3n + 1) {
  border-right: 1px solid var(--border);
}

.accomodation-item-info ul li:nth-child(3n) {
  border-left: 1px solid var(--border);
}

.accomodation-item-info ul li:nth-child(n + 7) {
  border-top: 1px solid var(--border);
}
.accomodation-item-info ul li {
  padding: 8px 15px;
}
/* hr {
    margin:30px;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, transparent, #fff, transparent);  
} */
.accomodation-gallery-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 3px;
}
.accomodation-gallery-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.accomodation-gallery img {
  width: 100%;
}
.shapedividers_com-2850 {
  overflow: hidden;
  position: relative;
}
.shapedividers_com-2850::before {
  content: "";
  font-family: "shape divider from ShapeDividers.com";
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  top: -1px;
  z-index: 3;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 100% 92px;
  background-position: 50% 0%;
  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23fbd8c2"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23fbd8c2"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23fbd8c2"/></svg>');
}
@media (min-width: 768px) {
  .shapedividers_com-2850::before {
    background-size: 100% 92px;
    background-position: 50% 0%;
  }
}
@media (min-width: 1025px) {
  .shapedividers_com-2850::before {
    bottom: -0.1vw;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw;
    background-size: 100% 92px;
    background-position: 50% 0%;
    background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100"><g fill="%23ffffff"><path d="M0 72c4 2 11 3 15-1 3-3 5-8 10-10 5-3 11-1 15 3l5 6a18 18 0 007 4 12 12 0 0013-4c2-2 3-9 8-8 3 1 4 4 6 6 7 7 18 2 22-6 1-2 4-6 8-5a7 7 0 014 3c0 4 2 7 6 9 4 3 11 3 15 0 3-3 5-8 9-10 5-2 12-1 16 3 2 1 2 4 5 6a19 19 0 006 4 12 12 0 0013-4c2-2 4-9 8-8 3 1 5 4 7 6 7 7 17 2 21-5 2-3 5-6 8-6s5 5 7 8a13 13 0 008 6c5 2 8-5 11-9 5-6 9 0 12 4s11 4 14 0l4-6c6-8 11 9 14 12 4 4 9 5 14 2 4-3 6-8 8-12 2-3 4-6 7-4 3 1 5 4 6 6a19 19 0 005 8c4 4 11 3 15 0s5-8 10-10 11-1 15 3l5 6a18 18 0 007 4 12 12 0 0013-4c2-2 4-9 8-8 3 1 4 4 6 6 8 7 18 2 22-5 2-3 4-6 8-6s5 5 7 8a13 13 0 007 6c6 1 8-6 11-9 5-6 9 0 13 4 3 4 11 4 14 0l3-6c6-8 12 9 14 12 4 4 10 5 15 2 4-3 6-8 8-12 4-8 9-1 14 3 3 8 12 13 19 7 4-3 5-9 10-10 5-3 11-1 15 3l5 6a19 19 0 007 4 12 12 0 0013-4c2-2 3-9 8-8 3 1 4 4 6 6 7 7 18 2 22-6 1-2 4-6 8-5s5 5 6 8a13 13 0 008 6c6 1 8-6 11-9 5-6 9 0 12 4s11 4 15 0l3-6c6-8 12 9 14 12 4 4 9 5 14 2 4-3 6-8 9-12 1-3 3-6 7-4 2 1 4 3 5 6a19 19 0 005 8c4 4 12 3 16 0 3-4 5-9 9-11 5-2 12 0 15 3 3 2 3 5 5 7a18 18 0 007 4 12 12 0 0013-4c2-2 4-9 8-8 3 1 4 4 7 6 7 7 17 2 21-6 2-2 5-6 8-5s5 5 7 7a13 13 0 008 7c5 1 8-6 11-9 5-6 9 0 12 4s11 4 14 0c2-2 2-5 4-6 6-8 11 9 14 12 4 4 9 5 14 2 4-3 6-8 8-12 4-7 11-2 14 3 1 1 3 3 5 3s6-4 6-7V51c1 2-4 6-6 6s-4-2-5-3c-3-4-10-10-14-3-2 4-4 9-8 12-5 3-10 2-14-2-3-3-8-20-14-12l-4 6c-3 4-11 4-14 0s-7-10-12-4c-3 3-6 11-11 9a13 13 0 01-8-6c-2-3-3-7-7-8s-6 3-8 6c-4 7-14 12-21 5-3-2-4-5-7-5-4-2-6 5-8 7a12 12 0 01-13 4 18 18 0 01-7-4c-2-2-2-5-5-6-3-4-10-5-15-3-4 2-6 7-9 10-4 3-12 4-16 0a19 19 0 01-5-8l-5-6c-4-2-6 1-7 4-3 4-5 9-9 12-5 3-10 2-14-2-2-3-8-20-14-12-2 2-2 5-3 7-4 3-12 3-15-1s-7-10-12-4c-3 4-5 11-11 9a13 13 0 01-8-6c-1-3-3-7-6-8s-7 3-8 6c-4 7-15 12-22 5-2-2-3-5-6-5-5-2-6 5-8 7a12 12 0 01-13 4 19 19 0 01-7-4l-5-6c-4-4-11-5-15-3-5 2-7 7-10 10-7 6-17 1-19-7-5-4-10-11-14-3-2 4-4 9-8 12-5 3-11 2-15-2-2-3-8-20-14-12-2 2-2 5-3 7-4 3-11 3-14-1-4-4-8-10-13-4-3 4-5 11-11 9a13 13 0 01-7-6c-2-3-4-7-7-8s-7 3-8 6c-4 7-15 12-22 5-2-1-3-5-6-5-5-2-6 5-8 7a12 12 0 01-13 4 18 18 0 01-7-4l-5-6c-4-4-10-5-15-3s-6 7-10 10c-4 4-11 4-15 1a19 19 0 01-5-9c-1-2-3-5-6-6-3-2-5 1-7 4-2 4-4 9-8 12-5 3-10 2-14-2-3-3-8-19-14-12l-4 7c-3 4-11 3-14-1s-7-10-12-4c-3 4-5 11-11 9a13 13 0 01-8-6c-2-3-3-7-7-8s-6 3-8 6c-4 7-14 12-21 5-3-1-4-5-7-5-4-1-6 5-8 7a12 12 0 01-13 4 19 19 0 01-7-4c-2-1-2-4-5-6-3-3-10-5-15-3-4 2-6 7-9 10-4 4-11 3-16 1-3-2-5-6-5-10a7 7 0 00-5-3c-3-1-6 3-7 6-4 7-15 12-22 6-2-2-3-6-6-6-5-2-6 5-8 8a12 12 0 01-13 3 18 18 0 01-7-4l-5-6c-4-4-10-5-15-3s-7 7-10 10c-4 4-11 3-15 1s-5-6-6-10v7c0 6 1 12 6 15z" opacity=".3"/><path d="M0 60c4 2 11 3 15-1 3-3 5-8 10-10s11-1 15 3l5 6a18 18 0 007 5 12 12 0 0013-4c2-3 3-10 8-8 3 0 4 4 6 6 7 6 18 1 22-6 1-3 4-6 8-6a7 7 0 014 3c0 4 2 8 6 10s11 3 15-1c3-3 5-8 9-10 5-2 12 0 16 3 2 2 2 5 5 7a19 19 0 006 3 12 12 0 0013-3c2-3 4-9 8-8 3 1 5 4 7 6 7 6 17 1 21-6 2-3 5-6 8-5s5 4 7 7a13 13 0 008 6c5 2 8-5 11-9 5-6 9 0 12 4s11 5 14 1c2-2 2-5 3-7 7-7 12 9 15 12 4 4 9 5 14 2 4-3 6-8 8-12 2-3 4-6 7-4 3 1 5 4 6 6a19 19 0 005 9c4 3 11 3 15-1 4-3 5-8 10-10s11-1 15 3l5 6a18 18 0 007 4 12 12 0 0013-4c2-2 3-9 8-7 3 0 4 4 6 5 7 7 18 2 22-5 2-3 4-6 8-6s5 5 7 8a13 13 0 007 6c6 2 8-5 11-9 5-6 9 0 13 4 3 4 10 4 14 1 1-2 1-5 3-7 6-8 12 9 14 12 4 4 10 5 15 2 4-3 6-8 8-12 4-8 9-1 14 3 3 8 12 13 19 7 3-3 5-8 10-10 4-2 11-1 15 3l5 6a19 19 0 007 4 12 12 0 0013-4c2-2 3-9 8-7 3 0 4 3 6 5 7 7 18 2 22-5 1-3 4-6 8-6s5 5 6 8a13 13 0 008 6c6 2 8-5 11-9 5-6 9 0 12 4s11 4 15 1c1-2 1-5 3-7 6-8 12 9 14 12 4 4 9 5 14 2 4-3 6-8 9-12 1-3 3-6 7-4l5 6a19 19 0 005 8c4 4 12 3 16 0 3-3 5-8 9-10 5-2 12-1 15 3 3 2 3 4 5 6a18 18 0 007 4 12 12 0 0013-4c2-2 4-9 8-8 3 1 4 4 7 6 7 7 17 2 21-5 2-3 5-6 8-6s5 5 7 8a13 13 0 008 6c5 2 8-5 11-9 5-6 9 0 12 4s11 4 14 0l3-6c7-8 12 9 15 12 4 4 9 5 14 2 4-3 6-8 8-12 4-7 11-1 14 3 1 2 3 3 5 3s6-4 6-6V0H-6v5l1 25-1 20c1 4 2 8 6 10z"/></g></svg>');
  }
}
@media (min-width: 2100px) {
  .shapedividers_com-2850::before {
    background-size: 100% calc(2vw + 92px);
  }
}
.shapedividers_com-8659 {
  overflow: hidden;
  position: relative;
}
.shapedividers_com-8659::before {
  content: "";
  font-family: "shape divider from ShapeDividers.com";
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  top: -1px;
  z-index: 3;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 100% 92px;
  background-position: 50% 0%;
  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23fbd8c2"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23fbd8c2"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23fbd8c2"/></svg>');
}
@media (min-width: 768px) {
  .shapedividers_com-8659::before {
    background-size: 100% 92px;
    background-position: 50% 0%;
  }
}
@media (min-width: 1025px) {
  .shapedividers_com-8659::before {
    bottom: -0.1vw;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw;
    background-size: 92px 179%;
    background-position: 0% 50%;
    background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 1000"><g fill="%23ffffff"><path d="M72 1001c2-5 3-12-1-16-3-3-9-5-11-9-2-5 0-12 3-15 2-3 5-3 7-5a18 18 0 004-7 12 12 0 00-4-13c-2-2-9-4-8-8 1-3 4-4 6-7 7-7 2-17-6-21-3-2-6-5-5-8a7 7 0 013-4c4-1 7-2 9-6 3-4 3-11 0-15s-8-5-10-10-1-11 3-15l6-5a19 19 0 004-7 12 12 0 00-4-13c-2-2-9-3-8-8 1-3 4-4 6-6 7-7 2-18-5-22-3-1-6-4-6-8s5-5 8-7a13 13 0 006-7c2-6-5-8-9-11-6-5 0-9 4-13 4-3 4-10 0-14l-6-3c-8-6 9-12 12-14 4-4 5-10 2-15-3-4-8-5-12-8-3-1-6-3-4-7l6-5a19 19 0 008-6c4-3 3-11 0-15-3-3-8-5-10-9-2-5-1-12 3-16l6-5a18 18 0 004-6 12 12 0 00-4-13c-2-2-9-4-8-8 1-3 4-5 6-7 7-7 2-17-5-21-3-2-6-5-6-8s5-6 8-7a13 13 0 006-8c1-6-6-8-9-11-6-5 0-9 4-12s4-11 0-14l-6-4c-8-6 9-11 12-14 4-4 5-9 2-14-3-4-8-6-12-8-8-4-1-9 3-14 8-3 13-13 7-20-3-3-8-5-10-9-3-5-1-12 3-15 1-3 4-3 6-5a19 19 0 004-7 12 12 0 00-4-13c-2-2-9-4-8-8 1-3 4-4 6-7 7-7 2-17-6-21-2-2-6-5-5-8s5-5 8-7a13 13 0 006-8c1-5-6-8-9-11-6-5 0-9 4-12s4-11 0-14l-6-3c-8-7 9-12 12-15 4-4 5-9 2-14-3-4-8-6-12-8-3-2-6-4-4-7 1-3 4-5 6-6a19 19 0 008-5c4-4 3-11 0-15-4-4-9-5-11-10s0-11 3-15l7-5a18 18 0 004-7 12 12 0 00-4-13c-2-2-9-3-8-8 1-3 4-4 6-6 7-7 2-18-6-22-2-1-6-4-5-8s5-5 7-7a13 13 0 007-7c1-6-6-8-9-11-6-5 0-9 4-12 4-4 4-11 0-15l-6-3c-8-6 9-12 12-14 4-4 5-10 2-14-3-5-8-6-12-9-7-3-2-10 3-13 1-2 3-3 3-6s-4-6-7-6H51c2 0 6 4 6 6s-2 4-3 6c-4 3-10 10-3 13 4 3 9 4 12 9 3 4 2 10-2 14-3 2-20 8-12 14l6 3c4 4 4 11 0 15-4 3-10 7-4 12 3 3 11 5 9 11a13 13 0 01-6 7c-3 2-7 4-8 7s3 7 6 8c7 4 12 15 5 22-2 2-5 3-5 6-2 5 5 6 7 8a12 12 0 014 13 18 18 0 01-4 7l-6 5c-4 4-5 10-3 15s7 6 10 10 4 11 0 15a19 19 0 01-8 5c-2 2-5 3-6 6-2 3 1 5 4 7 4 2 9 4 12 8 3 5 2 10-2 14-3 3-20 8-12 15 2 1 5 1 7 3 3 3 3 11-1 14s-10 8-4 12c4 3 11 6 9 11a13 13 0 01-6 8c-3 2-7 3-8 7s3 6 6 8c7 4 12 14 5 22-2 2-5 3-5 6-2 4 5 6 7 8a12 12 0 014 13 19 19 0 01-4 7c-2 2-4 2-6 5-4 3-5 10-3 15 2 4 7 6 10 9 6 7 1 17-7 20-4 5-11 10-3 14 4 2 9 4 12 8 3 5 2 10-2 14-3 3-20 8-12 14l7 4c3 3 3 11-1 14s-10 7-4 12c4 3 11 5 9 11a13 13 0 01-6 8c-3 1-7 3-8 7s3 6 6 8c7 4 12 14 5 21-1 2-5 4-5 7-2 4 5 6 7 8a12 12 0 014 13 18 18 0 01-4 6l-6 5c-4 4-5 11-3 16 2 4 7 6 10 9 4 4 4 12 1 15a19 19 0 01-9 6l-6 5c-2 4 1 6 4 7 4 2 9 4 12 9 3 4 2 10-2 14-3 2-19 8-12 14 2 2 5 2 7 3 4 4 3 11-1 15-4 3-10 7-4 12 4 3 11 5 9 11a13 13 0 01-6 7c-3 2-7 4-8 7s3 7 6 8c7 4 12 15 6 22-2 2-5 3-6 6-1 5 5 6 8 8a12 12 0 013 13 19 19 0 01-4 7l-6 5c-3 4-5 10-3 15s7 6 10 10c4 4 3 11 1 15s-6 5-10 6a7 7 0 00-3 4c-1 4 3 6 6 8 7 4 12 14 6 22-2 2-6 3-6 6-2 4 5 6 8 8a12 12 0 013 13 18 18 0 01-4 7l-6 5c-4 4-6 10-3 15 2 4 7 6 10 9 4 4 3 11 1 16-2 3-6 5-10 5l7 1c6 0 12-1 15-6z" opacity=".3"/><path d="M60 1001c2-5 3-12-1-16-3-3-8-5-10-9-2-5-1-12 3-15 2-3 5-3 6-5a18 18 0 005-7 12 12 0 00-4-13c-3-2-10-4-8-8 0-3 4-4 6-7 6-7 1-17-6-21-3-2-6-5-6-8a7 7 0 013-4c4-1 8-2 10-6 2-5 3-11-1-15-3-4-8-5-10-10s0-11 3-15l7-5a19 19 0 003-7 12 12 0 00-3-13c-3-2-9-3-8-8 1-3 4-4 6-6 6-7 1-18-6-22-3-2-6-4-5-8s4-5 7-7a13 13 0 006-7c2-6-5-8-9-11-6-5 0-9 4-13 4-3 5-10 1-14-2-1-5-1-7-3-7-6 9-12 12-14 4-4 5-10 2-15-3-4-8-5-12-8-3-1-6-3-4-7l6-5a19 19 0 009-6c3-3 3-11-1-15-3-3-8-5-10-9-2-5-1-12 3-16l6-5a18 18 0 004-6 12 12 0 00-4-13c-2-2-9-4-7-8 0-3 4-5 5-7 7-7 2-17-5-21-3-2-6-5-6-8s5-6 8-7a13 13 0 006-8c2-6-5-8-9-11-6-5 0-9 4-12s4-11 1-14l-7-4c-8-6 9-11 12-14 4-4 5-9 2-14-3-4-8-6-12-8-8-4-1-9 3-14 8-3 13-13 7-20-3-3-8-5-10-9-2-5-1-12 3-15 2-3 4-3 6-5a19 19 0 004-7 12 12 0 00-4-13c-2-2-9-4-7-8 0-3 3-4 5-7 7-7 2-17-5-21-3-2-6-5-6-8s5-5 8-7a13 13 0 006-8c2-5-5-8-9-11-6-4 0-9 4-12s4-11 1-14c-2-2-5-2-7-3-8-7 9-12 12-15 4-4 5-9 2-14-3-4-8-6-12-8-3-2-6-4-4-7 1-3 4-5 6-6a19 19 0 008-5c4-4 3-11 0-15s-8-5-10-10-1-11 3-15l6-5a18 18 0 004-7 12 12 0 00-4-13c-2-2-9-3-8-8 1-3 4-4 6-6 7-7 2-18-5-22-3-1-6-4-6-8s5-5 8-7a13 13 0 006-7c2-6-5-8-9-11-6-5 0-9 4-12 4-4 4-11 0-15l-6-3c-8-6 9-12 12-14 4-4 5-10 2-14-3-5-8-6-12-9-7-3-1-10 3-13 1-2 3-3 3-6s-4-6-6-6H0v1007l5-1h45c4 0 8-2 10-5z"/></g></svg>');
  }
}

@media only screen and (min-width: 1200px) {
  .small-menu img,
  .small-menu-close {
    display: none;
  }
}
@media only screen and (max-width: 1399px) {
  .unit h2 {
    font-size: 20px;
  }

  .unit-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* Large devices (desktops, less than 1200px) */
@media only screen and (max-width: 1199.98px) {
  .hero,
  .section-item {
    height: 80vh;
  }
  .accomodation-item-info p {
    font-size: 20px;
  }
  .accomodation-hero-content h1 {
    font-size: 40px;
  }
  .accomodation-item-info ul li {
    font-size: 13px;
  }
  .small-menu {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    background: var(--primary);
    width: 85vw;
    flex-direction: column;
    padding: 10%;
    align-items: flex-start !important;
    transform: translateX(-100%);
  }
  .menu-open {
    display: block;
  }
  .small-menu.open {
    transform: translateX(0%);
  }
  .small-menu-close {
    position: absolute;
    top: 10%;
    right: 10%;
  }
  .small-menu img {
    margin-bottom: 50px;
  }
  .menu {
    margin: 0;
    margin-bottom: 50px;
  }
  .menu ul {
    flex-direction: column;
    align-items: flex-start;
  }

  .social > div {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .hero .hero-content p {
    font-size: 22px;
  }

  .custom-padding {
    padding: 50px 100px;
  }
  .custom-p {
    max-width: 75%;
  }
  .accomodation-item-info ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Medium devices (tablets, less than 992px) */
@media only screen and (max-width: 991.98px) {
  .custom-p {
    font-size: 16px;
    max-width: 100%;
  }
  .custom-padding {
    padding: 50px;
  }
  .accomodation-hero-content h1 {
    font-size: 34px;
    text-align: center;
  }
  .accomodation-hero-content {
    padding: 0 30px;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media only screen and (max-width: 767.98px) {
  h1 {
    font-size: 46px;
  }
  .unit-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .custom-padding {
    padding: 30px;
  }
}

@media only screen and (max-width: 575.98px) {
  .unit-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .unit {
    height: 35vh;
  }
  .custom-padding {
    padding: 20px;
  }
  .hero {
    background-position: center right -450px;
  }

  .contact-info {
    flex-direction: column;
  }
  .contact-info > li {
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 426px) {
  .section-info h2 {
    font-size: 26px;
  }
  .section-info {
    max-width: 80vw;
  }
  .section-info p {
    font-size: 14px;
  }
}