*{box-sizing:border-box;margin:0;font-family:Work Sans,sans-serif}.main{font-size:medium}.main-logo{height:60px}.top-container{margin-bottom:40px}.nf-pg{margin-top:50px;font-size:xx-large}hr{width:70%;margin:20px auto 40px;border:solid grey 2px;border-image:linear-gradient(to right,grey,rgba(154,123,79,1)) 1}.grid-container{display:grid;grid-template-columns:auto auto auto;justify-items:center}#about-us>.grid-container{background:url(/assets/bg-about-us-611ece1a.png) no-repeat;background-size:cover;background-repeat:no-repeat;background-position:center center}.contact-icon{text-align:center;font-size:60px;margin-top:30px;color:#9a7b4f}.contact-icon>a{color:inherit}.grid-container>div:nth-child(2){padding:20px 30px}.grid-item{max-width:500px;text-align:left;background-color:#fff}.grid-item>h1,h2{text-align:center}.text-center{text-align:center}.grid-item>*{margin-top:20px}.header-container,.body-container{margin:30px}.accommodation-container{background:rgb(35,23,9);background:-moz-linear-gradient(144deg,rgba(35,23,9,1) 26%,rgba(154,123,79,1) 100%);background:-webkit-linear-gradient(144deg,rgba(35,23,9,1) 26%,rgba(154,123,79,1) 100%);background:linear-gradient(144deg,rgba(35,23,9,1) 26%,rgba(154,123,79,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#231709",endColorstr="#9a7b4f",GradientType=1);padding:30px 70px;color:#fff}.body-img-container{height:300px;background:url(/assets/guesthouse-dbdfe581.png) no-repeat;background-position:0 -200px;background-size:cover;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;font-weight:200;font-size:40px;color:#fff}@media only screen and (max-width: 600px){.body-img-small{background-position:0;font-size:35px;font-weight:200;align-items:center}.gallery-container{display:none!important}.gallery-container-small{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-bottom:10px}.gallery-container-small-items{width:380px;height:300px}.gallery-container-small-items>img{width:100%;height:100%;object-fit:cover;border-radius:20px}}.gallery-container-small{display:none}.accommodation-items>li{list-style-image:url(../aloe-vera-icon.svg);padding-inline-start:1ch;font-weight:400}.accommodation-items>li::marker{font-size:3rem}h1,h2{font-weight:300}.gallery-container{display:flex;width:100%;padding:4% 2%;box-sizing:border-box;height:100vh}.box{flex:1;overflow:hidden;transition:.5s;margin:0 2%;box-shadow:0 20px 30px #0000001a;line-height:0}.box>img{width:200%;height:calc(100% - 10vh);object-fit:cover;transition:.5s;-webkit-filter:grayscale(100%);filter:gray}.box>span{font-size:3.8vh;display:block;text-align:center;height:10vh;line-height:2.6}.box:hover{flex:1 1 50%}.box:hover>img{width:100%;height:100%;filter:none}.button-container{width:100%;display:flex;align-items:center;justify-content:center;padding-top:40px}.button-89{--b: 3px;--s: .45em;--color: #fff;padding:calc(.5em + var(--s)) calc(.9em + var(--s));color:var(--color);--_p: var(--s);background:conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0) var(--_p) var(--_p) / calc(100% - var(--b) - 2 * var(--_p)) calc(100% - var(--b) - 2 * var(--_p));transition:.3s linear,color 0s,background-color 0s;outline:var(--b) solid #0000;outline-offset:.6em;font-size:16px;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-89:hover{cursor:pointer}.button-89:hover,.button-89:focus-visible{--_p: 0px;outline-color:var(--color);outline-offset:.05em}.button-89:active{background:var(--color);color:#fff}.gallery{display:flex;padding:2px;transition:.3s}.gallery:hover .gallery__image{filter:grayscale(1)}.gallery__column{display:flex;flex-direction:column;width:25%}.gallery__link{margin:2px;overflow:hidden}.gallery__link:hover .gallery__image{filter:grayscale(0)}.gallery__link:hover .gallery__caption{opacity:1}.gallery__thumb{position:relative}.gallery__image{display:block;width:100%;transition:.3s}.gallery__image:hover{transform:scale(1.1)}.gallery__caption{position:absolute;bottom:0;left:0;padding:25px 15px 15px;width:100%;font-family:Raleway,sans-serif;font-size:16px;color:#fff;opacity:0;background:linear-gradient(0deg,rgba(0,0,0,.5) 0%,rgba(255,255,255,0) 100%);transition:.3s}.small-container{background-color:inherit}.small-container>figure{position:sticky;top:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.small-container>figure:nth-child(1) img{transform:scale(.6) rotate(-12.5deg)}.small-container>figure:nth-child(2) img{transform:scale(.6) rotate(-9.7222222222deg)}.small-container>figure:nth-child(3) img{transform:scale(.6) rotate(-6.9444444444deg)}.small-container>figure:nth-child(4) img{transform:scale(.6) rotate(-4.1666666667deg)}.small-container>figure:nth-child(5) img{transform:scale(.6) rotate(-1.3888888889deg)}.small-container>figure:nth-child(6) img{transform:scale(.6) rotate(1.3888888889deg)}.small-container>figure:nth-child(7) img{transform:scale(.6) rotate(4.1666666667deg)}.small-container>figure:nth-child(8) img{transform:scale(.6) rotate(6.9444444444deg)}.small-container>figure:nth-child(9) img{transform:scale(.6) rotate(9.7222222222deg)}.small-container>figure:nth-child(10) img{transform:scale(.6) rotate(12.5deg)}.small-container>figure img{width:150vmin;height:100vmin;border-radius:3px}.footer{position:fixed;left:0;bottom:0;width:100%;background-color:#c5c5c5;color:#fff;text-align:center;display:flex;justify-content:center;height:40px}.footer-item{height:50px;margin:10px;color:#fff}.footer-item>a,.footer-item>a:visited{color:#fff}.topnav{overflow:hidden;background:rgb(35,23,9);background:-moz-linear-gradient(144deg,rgba(35,23,9,1) 26%,rgba(154,123,79,1) 100%);background:-webkit-linear-gradient(144deg,rgba(35,23,9,1) 26%,rgba(154,123,79,1) 100%);background:linear-gradient(144deg,rgba(35,23,9,1) 26%,rgba(154,123,79,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#231709",endColorstr="#9a7b4f",GradientType=1)}.topnav a{float:left;display:block;color:#797979;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.nav-link-mg{margin-top:25px}.topnav a:hover{color:#000}.topnav a.active{color:#fff}.topnav .icon{display:none}@media screen and (max-width: 600px){.topnav a:not(:first-child){display:none}.topnav a.icon{float:right;display:block;padding-top:40px;padding-right:30px;color:#fff}}@media screen and (max-width: 600px){.topnav.responsive{position:relative}.topnav.responsive .icon{position:absolute;right:0;top:0}.topnav.responsive a{float:none;display:block;text-align:left}}