@charset "UTF-8";
@font-face{font-family:Montserrat;font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/montserrat-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ html  {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%
}
*  {
  box-sizing: border-box
}
body  {
  margin: 0
}
article,aside,footer,header,nav,section {
  display: block
}
h1  {
  font-size: 2em;
  margin: .67em 0
}
figcaption,figure,main {
  display: block
}
figure  {
  margin: 1em 4rem
}
hr  {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
pre  {
  font-family: monospace, monospace;
  font-size: 1em
}
a  {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: initial
}
abbr[title]  {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}
b,strong {
  font-weight: inherit;
  font-weight: bolder
}
code,kbd,samp {
  font-family: monospace, monospace;
  font-size: 1em
}
dfn  {
  font-style: italic
}
mark  {
  background-color: #ff0;
  color: #000
}
small  {
  font-size: 80%
}
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub  {
  bottom: -.25em
}
sup  {
  top: -.5em
}
audio,video {
  display: inline-block
}
audio:not([controls])  {
  display: none;
  height: 0
}
img  {
  border-style: none
}
svg:not(:root)  {
  overflow: hidden
}
button,input,optgroup,select,textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button,input {
  overflow: visible
}
button,select {
  text-transform: none
}
[type=reset],[type=submit],button,html [type=button] {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
  outline: 1px dotted ButtonText
}
fieldset  {
  padding: .35em .75em .625em
}
legend  {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress  {
  display: inline-block;
  vertical-align: baseline
}
textarea  {
  overflow: auto
}
[type=checkbox],[type=radio] {
  box-sizing: border-box;
  padding: 0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search]  {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button  {
  -webkit-appearance: button;
  font: inherit
}
details,menu {
  display: block
}
summary  {
  display: list-item
}
canvas  {
  display: inline-block
}
[hidden],template {
  display: none
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */ .hamburger  {
  padding: 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: .15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible
}
.hamburger.is-active:hover,.hamburger:hover {
  opacity: .7
}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before {
  background-color: #000
}
.hamburger-box  {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative
}
.hamburger-inner  {
  display: block;
  top: 50%;
  margin-top: -2px
}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: ease
}
.hamburger-inner:after,.hamburger-inner:before {
  content: "";
  display: block
}
.hamburger-inner:before  {
  top: -10px
}
.hamburger-inner:after  {
  bottom: -10px
}

.hamburger--squeeze .hamburger-inner  {
  transition-duration: 75ms;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--squeeze .hamburger-inner:before  {
  transition: top 75ms ease .12s, opacity 75ms ease
}
.hamburger--squeeze .hamburger-inner:after  {
  transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
}
.hamburger--squeeze.is-active .hamburger-inner  {
  transform: rotate(45deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--squeeze.is-active .hamburger-inner:before  {
  top: 0;
  opacity: 0;
  transition: top 75ms ease, opacity 75ms ease .12s
}
.hamburger--squeeze.is-active .hamburger-inner:after  {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s
}

body,html {
  font-size: 62.5%
}
div  {
  box-sizing: border-box
}
ul  {
  padding-inline-start: 0
}
a  {
  text-decoration: none
}
img  {
  max-width: 100%
}
h1,h2,h3,h4 {
  margin: 0
}
.container  {
  width: 100%;
  margin: 0 auto;
  padding: 0 3rem
}
@media screen and (max-width:500px) {
  .container  {
    padding: 0 2.5rem
  }
}
a,body,h1,h2,h3,h4,h5,h6,html,li,p {
  font-family: Montserrat, sans-serif
}
header  {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 3rem 0;
  background-color: #fff
}

#home .container.hero .text h1,#home .container.hero .text h1 {
    font-size: 3rem
  }
@media screen and (max-width:639px) {
  header  {
    padding: 2.5rem 0
  }
}
@media screen and (max-width:500px) {
  header  {
    padding-bottom: 2rem
  }
}
header.scrolled .container .menu nav  {
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s ease, transform 0s linear .4s;
  transform: translateX(0)
}
header.scrolled .container .menu nav.active  {
  opacity: 1;
  pointer-events: all
}
header.scrolled .container .menu .hamburger  {
  opacity: 1;
  pointer-events: all;
  transition: opacity .4s ease .4s
}
header .container  {
  display: flex;
  align-items: center;
  justify-content: space-between
}
header .container h1  {
  font-size: 3rem;
  color: #2d2c2c;
  margin: 0;
  line-height: 1;
  text-transform: uppercase
}
@media screen and (max-width:1599px) {
  header .container h1  {
    font-size: 2.4rem
  }
}
@media screen and (max-width:1279px) {
  header .container h1  {
    font-size: 2.1rem
  }
}
@media screen and (max-width:639px) {
  header .container h1  {
    font-size: 1.8rem
  }
}
@media screen and (max-width:500px) {
  header .container h1  {
    line-height: 1.2
  }
}
header .container h1 span  {
  font-weight: 400;
  color: #6EC49B
}
@media screen and (max-width:500px) {
  header .container h1 span  {
    display: block
  }
}
header .container .menu  {
  display: flex;
  align-items: center
}
header .container .menu nav  {
  transform: translateX(5rem);
  transition: opacity .4s ease .4s, transform .4s ease
}
@media screen and (max-width:1023px) {
  header .container .menu nav  {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    transform: none;
    padding: 0 3rem;
    justify-content: center;
    align-items: center;
    display: flex;
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s ease;
    z-index: 9999999999
  }
}
@media screen and (max-width:1023px) {
  header .container .menu nav.active  {
    opacity: 1;
    pointer-events: all
  }
}
header .container .menu nav ul  {
  display: flex;
  align-items: center;
  margin: 0;
  list-style: none
}
@media screen and (max-width:1023px) {
  header .container .menu nav ul  {
    display: block;
    text-align: center
  }
}
header .container .menu nav ul li  {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  padding: 0 1rem;
  height: 1em;
  border-right: .3rem solid #6EC49B
}
@media screen and (max-width:1279px) {
  header .container .menu nav ul li  {
    font-size: 1.3rem
  }
}
@media screen and (max-width:1023px) {
  header .container .menu nav ul li  {
    border-right: 0;
    padding: 0;
    font-size: 2.1rem;
    margin: 1em 0
  }
}
@media screen and (max-width:500px) {
  header .container .menu nav ul li  {
    font-size: 1.8rem
  }
}
header .container .menu nav ul li:last-child  {
  padding-right: 0;
  border-right: none
}
header .container .menu nav ul li a  {
  transition: color .3s ease
}
header .container .menu nav ul li a:hover  {
  color: #6EC49B
}
header .container .menu .hamburger  {
  transform-origin: right 55%;
  transform: scale(.7);
  margin: 0 0 0 1rem;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s ease
}
@media screen and (max-width:1023px) {
  header .container .menu .hamburger  {
    opacity: 1;
    pointer-events: all
  }
}
header .container .menu .hamburger .hamburger-inner,header .container .menu .hamburger .hamburger-inner:after,header .container .menu .hamburger .hamburger-inner:before {
  background-color: #6EC49B
}
#home .container.hero  {
  display: flex;
  margin-bottom: 3rem
}
#home .container.hero .text  {
  
  padding: 3rem;
  width: 60rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}
#home .container.hero .text *  {
  color: #fff
}
#home .container.hero .text h3  {
  font-size: 3rem;
  line-height: 1.25;
  font-weight: 700;
  color: #2d2c2c;
  margin-bottom: 1.5em
}
#home .container.hero .text p  {
  font-weight: 700;
  margin-bottom: 2em;
  line-height: 1.4
}
@media screen and (max-width:1919px) {
			#home .container.hero .text h1,#home .container.hero .text h1 {
    font-size: 4rem
  }
  #home .container.hero .text  {
    width: 60rem
  }
  #home .container.hero .text h3  {
    margin-bottom: 1em
  }
  #home .container.hero .text h2,#home .container.hero .text h3 {
    font-size: 2.2rem
  }
  #home .container.hero .text p  {
    margin-bottom: 1.5em
  }
}
#home .container.hero .text ul  {
  margin: 5rem 0;
  list-style: none;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
@media screen and (max-width:1919px) {
		#home .container.hero .text h1,#home .container.hero .text h1 {
    font-size: 4rem
  }
  #home .container.hero .text ul  {
    margin: 3rem 0
  }
}
@media screen and (max-width:1599px) {
		#home .container.hero .text h1,#home .container.hero .text h1 {
    font-size: 4rem
  }
  #home .container.hero .text ul  {
    margin-bottom: 0
  }
}
@media screen and (max-width:1439px) {
		#home .container.hero .text h1,#home .container.hero .text h1 {
    font-size: 3rem
  }
	
  #home .container.hero .text  {
    width: 60rem
  }
  #home .container.hero .text h3  {
    margin-bottom: .5em
  }
  #home .container.hero .text h2,#home .container.hero .text h3 {
    font-size: 2rem
  }
  #home .container.hero .text ul  {
    margin: 1rem 0
  }
}
@media screen and (max-width:1279px) {
  #home .container.hero .text  {
    width: 100rem
  }
	#home .container.hero .text h1,#home .container.hero .text h1 {
    font-size: 3rem
  }
  #home .container.hero .text h2,#home .container.hero .text h3 {
    font-size: 1.8rem
  }
  #home .container.hero .text p  {
    font-size: 1.4rem
  }
  #home .container.hero .text ul  {
    margin: 0
  }
}
@media screen and (max-width:1023px) {
  #home .container.hero  {
    display: block
  }
  #home .container.hero .text  {
    width: 100%;
    padding-bottom: 1rem
  }
  #home .container.hero .text h2,#home .container.hero .text h3 {
    font-size: 2rem
  }
  #home .container.hero .text p  {
    font-size: 1.6rem
  }
  #home .container.hero .text ul  {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
  }
  #home .container.hero .text ul li  {
    flex: 0 1 25%;
    margin: 2rem 0
  }
}
#home .container.hero .text ul li  {
  text-align: center
}
@media screen and (max-width:639px) {
  #home .container.hero .text ul  {
    justify-content: center
  }
  #home .container.hero .text ul li  {
    flex: 0 1 33.333333%
  }
}
@media screen and (max-width:500px) {
  #home .container.hero .text p  {
    margin-bottom: .5em
  }
  #home .container.hero .text ul li  {
    flex: 0 1 50%
  }
}
#home .container.hero .text ul li:last-child  {
  margin-bottom: 0
}
@media screen and (max-width:639px) {
  #home .container.hero .text ul li:last-child  {
    margin-bottom: 2rem
  }
}
#home .container.hero .text ul li img  {
  max-width: 20rem;
  max-height: 8.5rem
}
#home .container.hero .img  {
  width: calc(100% - 40rem)
}
@media screen and (max-width:1919px) {
  #home .container.hero .text ul li img  {
    max-width: 17.5rem;
    max-height: 7.25rem
  }
  #home .container.hero .img  {
    width: calc(100% - 32.5rem)
  }
}
@media screen and (max-width:1439px) {
  #home .container.hero .text ul li img  {
    max-width: 14rem;
    max-height: 5.5rem
  }
  #home .container.hero .img  {
    width: calc(100% - 27.5rem)
  }
}
@media screen and (max-width:1279px) {
  #home .container.hero .text ul li img  {
    max-width: 11rem;
    max-height: 4rem
  }
  #home .container.hero .img  {
    width: calc(100% - 25rem)
  }
}
@media screen and (max-width:1023px) {
  #home .container.hero .img  {
    width: 100%
  }
}
#home .container.hero .img img  {
  width: 100%
}
.hero  {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  margin-bottom: 3rem
}
h2  {
  font-size: 3rem;
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 1em;
  color: #2d2c2c
}
@media screen and (max-width:1599px) {
  h2  {
    font-size: 2.4rem
  }
}
@media screen and (max-width:500px) {
  h2  {
    font-size: 2.1rem
  }
}
p  {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #2d2c2c
}
#the-site .container.occupiers  {
  display: flex;
  margin-bottom: 3rem
}
@media screen and (max-width:1023px) {
  #the-site .container.occupiers  {
    display: block
  }
}
#the-site .container.occupiers .text  {
  background: #6EC49B;
  padding: 3rem;
  width: 40rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
@media screen and (max-width:1919px) {
  #the-site .container.occupiers .text  {
    width: 32.5rem
  }
}
@media screen and (max-width:1439px) {
  #the-site .container.occupiers .text  {
    width: 27.5rem
  }
}
@media screen and (max-width:1279px) {
  #the-site .container.occupiers .text  {
    width: 25rem
  }
}
@media screen and (max-width:1023px) {
  #the-site .container.occupiers .text  {
    width: 100%;
    padding-bottom: 1rem
  }
}
#the-site .container.occupiers .text *  {
  color: #fff
}
#the-site .container.occupiers .text h3  {
  font-size: 3rem;
  line-height: 1.25;
  font-weight: 700;
  color: #2d2c2c;
  margin-bottom: 1.5em
}
@media screen and (max-width:1919px) {
  #the-site .container.occupiers .text h3  {
    margin-bottom: 1em
  }
}
@media screen and (max-width:1439px) {
  #the-site .container.occupiers .text h3  {
    margin-bottom: .5em
  }
}
@media screen and (max-width:1919px) {
  #the-site .container.occupiers .text h2,#the-site .container.occupiers .text h3 {
    font-size: 2.2rem
  }
}
@media screen and (max-width:1439px) {
  #the-site .container.occupiers .text h2,#the-site .container.occupiers .text h3 {
    font-size: 2rem
  }
}
@media screen and (max-width:1279px) {
  #the-site .container.occupiers .text h2,#the-site .container.occupiers .text h3 {
    font-size: 1.8rem
  }
}
@media screen and (max-width:1023px) {
  #the-site .container.occupiers .text h2,#the-site .container.occupiers .text h3 {
    font-size: 2rem
  }
}
#the-site .container.occupiers .text p  {
  font-weight: 700;
  margin-bottom: 2em;
  line-height: 1.4
}
@media screen and (max-width:1919px) {
  #the-site .container.occupiers .text p  {
    margin-bottom: 1.5em
  }
}
@media screen and (max-width:1279px) {
  #the-site .container.occupiers .text p  {
    font-size: 1.4rem
  }
}
@media screen and (max-width:1023px) {
  #the-site .container.occupiers .text p  {
    font-size: 1.6rem
  }
}
@media screen and (max-width:500px) {
  #the-site .container.occupiers .text p  {
    margin-bottom: .5em
  }
}
#the-site .container.occupiers .text ul  {
  margin: 5rem 0;
  list-style: none;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
@media screen and (max-width:1919px) {
  #the-site .container.occupiers .text ul  {
    margin: 3rem 0
  }
}
@media screen and (max-width:1599px) {
  #the-site .container.occupiers .text ul  {
    margin-bottom: 0
  }
}
@media screen and (max-width:1439px) {
  #the-site .container.occupiers .text ul  {
    margin: 1rem 0
  }
}
@media screen and (max-width:1279px) {
  #the-site .container.occupiers .text ul  {
    margin: 0
  }
}
@media screen and (max-width:1023px) {
  #the-site .container.occupiers .text ul  {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
  }
}
@media screen and (max-width:639px) {
  #the-site .container.occupiers .text ul  {
    justify-content: center
  }
}
#the-site .container.occupiers .text ul li  {
  text-align: center
}
@media screen and (max-width:1023px) {
  #the-site .container.occupiers .text ul li  {
    flex: 0 1 25%;
    margin: 2rem 0
  }
}
@media screen and (max-width:639px) {
  #the-site .container.occupiers .text ul li  {
    flex: 0 1 33.333333%
  }
}
@media screen and (max-width:500px) {
  #the-site .container.occupiers .text ul li  {
    flex: 0 1 50%
  }
}
#the-site .container.occupiers .text ul li:last-child  {
  margin-bottom: 0
}
@media screen and (max-width:639px) {
  #the-site .container.occupiers .text ul li:last-child  {
    margin-bottom: 2rem
  }
}
#the-site .container.occupiers .text ul li img  {
  max-width: 20rem;
  max-height: 8.5rem
}
@media screen and (max-width:1919px) {
  #the-site .container.occupiers .text ul li img  {
    max-width: 17.5rem;
    max-height: 7.25rem
  }
}
@media screen and (max-width:1439px) {
  #the-site .container.occupiers .text ul li img  {
    max-width: 14rem;
    max-height: 5.5rem
  }
}
@media screen and (max-width:1279px) {
  #the-site .container.occupiers .text ul li img  {
    max-width: 11rem;
    max-height: 4rem
  }
}
#the-site .container.occupiers .img  {
  width: calc(100% - 40rem)
}
@media screen and (max-width:1919px) {
  #the-site .container.occupiers .img  {
    width: calc(100% - 32.5rem)
  }
}
@media screen and (max-width:1439px) {
  #the-site .container.occupiers .img  {
    width: calc(100% - 27.5rem)
  }
}
@media screen and (max-width:1279px) {
  #the-site .container.occupiers .img  {
    width: calc(100% - 25rem)
  }
}
@media screen and (max-width:1023px) {
  #the-site .container.occupiers .img  {
    width: 100%
  }
}
#the-site .container.occupiers .img img  {
  width: 100%
}
#the-site .container#accommodation  {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6rem
}
@media screen and (max-width:1279px) {
  #the-site .container#accommodation  {
    flex-wrap: wrap;
    margin-bottom: 4.5rem
  }
}
@media screen and (max-width:500px) {
  #the-site .container#accommodation  {
    margin-bottom: 3rem
  }
}
#the-site .container#accommodation .plan  {
  flex: 0 1 calc(50% - 1.75rem);
  background-color: #3c3c3b;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat
}
@media screen and (max-width:1279px) {
  #the-site .container#accommodation .plan  {
    flex: 0 1 100%;
    order: 2;
    background-image: none !important;
    margin-top: 4.5rem
  }
}
@media screen and (max-width:767px) {
  #the-site .container#accommodation .plan  {
    margin-top: 3rem
  }
}
#the-site .container#accommodation .plan img  {
  display: none
}
@media screen and (max-width:1279px) {
  #the-site .container#accommodation .plan img  {
    display: block
  }
}
#the-site .container#accommodation .info  {
  flex: 1;
  flex: 0 1 calc(50% - 1.75rem)
}
@media screen and (max-width:1279px) {
  #the-site .container#accommodation .info  {
    flex: 0 1 100%;
    order: 1
  }
}
@media screen and (max-width:639px) {
  #the-site .container#accommodation .info  {
    width: calc(100vw - 6rem)
  }
}
@media screen and (max-width:500px) {
  #the-site .container#accommodation .info  {
    width: calc(100vw - 5rem)
  }
}
#the-site .container#accommodation .info h2  {
  margin-bottom: 1.25em
}
@media screen and (max-width:1919px) {
  #the-site .container#accommodation .info h2  {
    margin-bottom: 1em
  }
}
@media screen and (max-width:1599px) {
  #the-site .container#accommodation .info h2  {
    margin-bottom: .75em
  }
}
#the-site .container#accommodation .info p  {
  width: 70%;
  margin-bottom: 5em
}
@media screen and (max-width:1919px) {
  #the-site .container#accommodation .info p  {
    width: 100%;
    margin-bottom: 3.5em
  }
}
@media screen and (max-width:1599px) {
  #the-site .container#accommodation .info p  {
    margin-bottom: 2.5em
  }
}
@media screen and (max-width:500px) {
  #the-site .container#accommodation .info p  {
    margin-bottom: 2em
  }
}
#the-site .container#accommodation .info .table-wrapper  {
  margin-bottom: 7.5rem
}
@media screen and (max-width:1599px) {
  #the-site .container#accommodation .info .table-wrapper  {
    margin-bottom: 5rem
  }
}
@media screen and (max-width:767px) {
  #the-site .container#accommodation .info .table-wrapper  {
    margin-bottom: 4rem
  }
}
@media screen and (max-width:639px) {
  #the-site .container#accommodation .info .table-wrapper  {
    width: calc(100vw - 6rem);
    overflow-x: auto
  }
}
@media screen and (max-width:500px) {
  #the-site .container#accommodation .info .table-wrapper  {
    width: calc(100vw - 5rem)
  }
}
#the-site .container#accommodation .info .table-wrapper table  {
  font-size: 1.4rem;
  width: 95%
}
@media screen and (max-width:1919px) {
  #the-site .container#accommodation .info .table-wrapper table  {
    width: 100%
  }
}
@media screen and (max-width:639px) {
  #the-site .container#accommodation .info .table-wrapper table  {
    min-width: 700px
  }
}
#the-site .container#accommodation .info .table-wrapper table thead tr th  {
  text-align: right;
  vertical-align: middle;
  color: #6EC49B;
  border-bottom: .1rem solid #6EC49B;
  text-transform: uppercase;
  padding-bottom: .6em
}
#the-site .container#accommodation .info .table-wrapper table thead tr th:first-child  {
  text-align: left
}

#the-site .container#accommodation .info .table-wrapper table tbody:first-of-type tr td:last-child,#the-site .container#accommodation .info .table-wrapper table tbody:first-of-type tr td:nth-last-child(2) {
  font-weight: 400
}
#the-site .container#accommodation .info .table-wrapper table tbody:first-of-type tr:last-child td  {
  padding-bottom: 6rem;
  border-bottom: none
}
@media screen and (max-width:1919px) {
  #the-site .container#accommodation .info .table-wrapper table tbody:first-of-type tr:last-child td  {
    padding-bottom: 4rem
  }
}
@media screen and (max-width:500px) {
  #the-site .container#accommodation .info .table-wrapper table tbody:first-of-type tr:last-child td  {
    padding-bottom: 3rem
  }
}

#the-site .container#accommodation .info .table-wrapper table tbody tr td  {
  text-align: right;
  border-bottom: .1rem solid #6EC49B;
  padding: .65em 0;
  line-height: 1;
  color: #2d2c2c;
  font-weight: 400
}
#the-site .container#accommodation .info .table-wrapper table tbody tr td:first-child  {
  text-align: left;
  font-weight: 500
}
#the-site .container#accommodation .info ul  {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  list-style: none
}
@media screen and (max-width:1919px) {
  #the-site .container#accommodation .info ul  {
    margin: 0 0 -4rem
  }
}
@media screen and (max-width:639px) {
  #the-site .container#accommodation .info ul  {
    justify-content: center
  }
}
#the-site .container#accommodation .info ul li  {
  flex: 0 1 25%;
  text-align: center;
  font-size: 1.5rem;
  color: #2d2c2c;
  text-transform: uppercase;
  padding: .5rem 1.2rem 0;
  line-height: 1.45;
  margin-bottom: 4rem;
  border-right: .3rem dotted #6EC49B
}
@media screen and (max-width:1919px) {
  #the-site .container#accommodation .info ul li  {
    font-size: 1.3rem
  }
}
@media screen and (max-width:1599px) {
  #the-site .container#accommodation .info ul li  {
    font-size: 1.2rem
  }
}
@media screen and (max-width:1439px) {
  #the-site .container#accommodation .info ul li  {
    font-size: 1.1rem;
    padding: .5rem 1rem 0
  }
}
@media screen and (max-width:1279px) {
  #the-site .container#accommodation .info ul li  {
    font-size: 1.2rem;
    padding: .5rem 1.2rem 0
  }
}
@media screen and (max-width:767px) {
  #the-site .container#accommodation .info ul li  {
    font-size: 1.1rem;
    padding: .5rem 1rem 0
  }
}
@media screen and (max-width:639px) {
  #the-site .container#accommodation .info ul li  {
    flex: 0 1 33.33333%
  }
}
@media screen and (max-width:500px) {
  #the-site .container#accommodation .info ul li  {
    flex: 0 1 50%;
    font-size: 1.2rem;
    padding: .5rem 1.2rem 0
  }
}
#the-site .container#accommodation .info ul li:nth-child(4n)  {
  border-right: none
}
@media screen and (max-width:639px) {
  #the-site .container#accommodation .info ul li:nth-child(5n)  {
    border-right: .3rem dotted #6EC49B
  }
}
@media screen and (max-width:639px) {
  #the-site .container#accommodation .info ul li:last-child,#the-site .container#accommodation .info ul li:nth-child(3n) {
    border-right: none
  }
}
@media screen and (max-width:500px) {
  #the-site .container#accommodation .info ul li:last-child,#the-site .container#accommodation .info ul li:nth-child(3n) {
    border-right: .3rem dotted #6EC49B
  }
}
@media screen and (max-width:500px) {
  #the-site .container#accommodation .info ul li:nth-child(2n)  {
    border-right: none
  }
}
#the-site .container#accommodation .info ul li img  {
  display: block;
  max-width: 5.5rem;
  max-height: 4.5rem;
  margin: 0 auto 1.75rem
}
@media screen and (max-width:1599px) {
  #the-site .container#accommodation .info ul li img  {
    max-width: 5rem;
    max-height: 4rem
  }
}

p  {color:#fff;}

/* */

#location  {
  margin-bottom: 3rem
}
#location .container  {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
@media screen and (max-width:767px) {
  #location .container  {
    display: block
  }
}
#location .container .text  {
  flex: 0 1 calc(100% - 1.75rem);
	padding-bottom:50px;
}
#location .container .text h2  {
  text-transform: uppercase
}
#location .container .text p  {
  width: 100%
}
@media screen and (max-width:1919px) {
  #location .container .text p  {
    width: 75%
  }
}
@media screen and (max-width:1023px) {
  #location .container .text p  {
    width: 100%
  }
}
@media screen and (max-width:767px) {
  #location .container .text p  {
    margin-bottom: 2em
  }
}
#location .container .details  {
  flex: 0 1 calc(25% - 1.75rem)
}
#location .container .details table  {
  width: 90%;
  font-size: 1.5rem
}
@media screen and (max-width:1919px) {
  #location .container .details table  {
    width: 90%
  }
}
@media screen and (max-width:1279px) {
  #location .container .details table  {
    width: 100%
  }
}
#location .container .details table thead tr th  {
  text-align: right;
  text-transform: uppercase;
  border-bottom: .1rem solid #6EC49B;
  padding: 0 0 .4em
}
#location .container .details table thead tr th:first-child  {
  text-align: left
}
#location .container .details table tbody tr td  {
  text-align: right;
  border-bottom: .1rem solid #6EC49B;
  padding: .4em 0
}
#location .container .details table tbody tr td:first-child  {
  text-align: left
}
#location .container .details table tbody tr:last-child td  {
  border-bottom: none
}
#location .container #map  {
  margin-top: 3rem;
  padding-bottom: 27.5%;
  width: 100%
}
@media screen and (max-width:1599px) {
  #location .container #map  {
    padding-bottom: 35%
  }
}
@media screen and (max-width:1279px) {
  #location .container #map  {
    padding-bottom: 40%
  }
}
@media screen and (max-width:1023px) {
  #location .container #map  {
    padding-bottom: 50%
  }
}
@media screen and (max-width:767px) {
  #location .container #map  {
    padding-bottom: 60%
  }
}
@media screen and (max-width:639px) {
  #location .container #map  {
    padding-bottom: 80%
  }
}
@media screen and (max-width:500px) {
  #location .container #map  {
    padding-bottom: 105%
  }
}
#contact .container  {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
@media screen and (max-width:639px) {
  #contact .container  {
    display: block
  }
}
#contact .container h2  {
  font-size: 1.5rem;
  text-transform: uppercase
}
@media screen and (max-width:639px) {
  #contact .container p  {
    margin-bottom: 2rem
  }
}
#contact .container .agents  {
  width: 100%;
  border-top: .2rem solid #6EC49B;
  padding-top: 1.5rem;
  margin-top: 3rem;
  padding-bottom: 3rem
}
@media screen and (max-width:1919px) {
  #contact .container .agents  {
    margin-top: 2rem
  }
}
@media screen and (max-width:1279px) {
  #contact .container .agents  {
    padding-bottom: 1rem
  }
}
#contact .container .agents p  {
  margin-bottom: 2em
}

/* Two unit tables per row */
#accommodation .units-grid  {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px 30px;
    align-items: start;
    width: 100%;
}

#accommodation .units-grid .unit-table  {
    min-width: 0;
    width: 100%;
}

#accommodation .units-grid .unit-table table  {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

#accommodation .units-grid .unit-table th,#accommodation .units-grid .unit-table td {
    padding: 10px;
    text-align: left;
    vertical-align: top;
}

/* Reduce unnecessary space above unit headings */
#accommodation .units-grid .unit-table th  {
    padding-top: 10px;
}

/* Stack tables on mobile */
@media screen and (max-width: 767px)  {
    #accommodation .units-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}