h1,
 h2 {
     font-family: EB Garamond;
     color: #a8c82a;
     font-size: 40px;
     padding-bottom: 15px;
 }

 p {
     font-family: Poppins;
     color: #777;
     font-size: 16px;
     line-height: 30px;
 }

 #logo {
     transition: .5s;
 }

 #logo.show {
     margin-top: -90px;
     transition: .8s;
 }

 #menu {
     width: 100%;
     height: 60px;
     position: fixed;
     top: 0;
     left: 0;
     background: rgba(255, 255, 255, .95);
     z-index: 9999;
 }

 #menu img.logo {
     position: absolute;
     left: 100px;
     top: 0;
 }

 #menu ul.mainmenu {
     list-style: none;
     margin-top: 17px;
     display: inline-block;
 }

 #menu ul.mainmenu li {
     float: left;
 }

 #menu ul.mainmenu li a {
     display: inlay-block;
     font-family: Poppins;
     padding: 10px 15px;
     color: #777;
     text-decoration: none;
     font-size: 16px;
 }

 #menu ul.mainmenu li a:hover {
     color: #a8c82a;
     text-decoration: underline;
 }

 #menu ul.mainmenu li a:active {
     color: #a8c82a;
     text-decoration: underline;
 }

 #menu img.flag {
     width: 25px;
     height: 20px;
     margin-top: 20px;
 }

 #header .headerslider {
     width: 100%;
     height: 700px;
     position: relative;
 }

 #header .headerslider .slider div .image {
     width: 100%;
     height: 700px;
     position: relative;
 }

 #header .headerslider .overlay {
     position: absolute;
     width: 100%;
     height: 50px;
     bottom: -1px;
     left: 0;
     background: url(/theme/img/wave.png) center center repeat-x;
 }

 #intro {
     padding: 80px 40px;
 }

.img-cover { object-fit: cover; } 

 #impression .fullslider div .image {
     background: #eee;
     width: 100%;
     height: 300px;
 }

 #facilities {
     padding: 80px 200px;
 }

 #facilities h3 {
     font-size: 20px;
     font-family: EB Garamond;
     color: #a8c82a;
 }

 #photos {
     background: #e5f1f7;
     padding: 80px 0;
 }

 #area {
     padding: 80px 100px;
 }

 #rates {
     padding: 80px 100px;
     background: #f6f8e1;
 }

 #rates table {
     text-align: left;
     display: inline-block;
 }

 #rates table tr td {
     color: #777;
     font-family: Poppins;
     padding: 10px;
 }

 #availability {
     padding: 80px 100px;
 }

 #contact {
     padding: 80px 100px;
     background: #a8c82a;
 }

 #contact h2 {
     color: #fff;
 }

 #contact address {
     color: #fff;
 }

 #contact address p {
     color: #fff;
 }

 #contact .social {
     color: #fff;
     font-size: 50px;
     padding: 0 10px;
     transition: .4s;
 }

 #contact .social:hover {
     color: #333;
     transition: .4s;
 }

 #footer {
     padding-top: 15px;
 }

 #footer p {
     font-size: 12px;
 }

 #footer p a {
     color: #777;
 }

 #photos-intro {
     background: #e5f1f7;
     padding: 140px 0 80px 0;
 }

#photos-galery { padding: 100px 0; }
#photos-galery .image { width: 100%; height: 250px; object-fit: cover; margin: 10px 0;}


 @media (max-width: 600px) {

     #menu img.logo {
         position: absolute;
         left: 10px;
         top: 0;
         width: 150px;
     }

     #menu ul.mainmenu {
         display: none;
     }

     #menu img.flag {
         width: 25px;
         height: 20px;
         margin-top: 20px;
         margin-left: 10px;
     }

     #header .headerslider {
         width: 100%;
         height: 400px;
         position: relative;
     }

     #header .headerslider .slider div .image {
         width: 100%;
         height: 400px;
         position: relative;
     }

     #header .headerslider .overlay {
         position: absolute;
         width: 100%;
         height: 50px;
         bottom: -1px;
         left: 0;
         background: url(/theme/img/wave.png) center center repeat-x;
     }

     #intro {
         padding: 50px 10px;
     }

     #intro .btn {
         margin-bottom: 10px;
     }

     #facilities {
         padding: 50px 10px;
     }

     #area {
         padding: 50px 10px;
     }

     #rates {
         padding: 50px 10px;
     }

     #contact {
         padding: 50px 10px;
     }

     #impression .fullslider div .image {
         background: #eee;
         width: 100%;
         height: 200px;
     }