*{margin:0;padding:0}body{width:100%;max-width:1200px;margin:auto;height:100vh;font-family:Open Sans,sans-serif;font-size:15px;line-height:22.5px}.site-container{width:100%;height:auto;margin:auto;box-sizing:border-box}@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:fallback;src:url(https://fonts.gstatic.com/s/dmserifdisplay/v15/-nFnOHM81r4j6k0gjAW3mujVU2B2G_Bx0vrx52g.woff2) format("woff2");unicode-range:U+0000-00FF}.main{margin-bottom:20px;padding-top:10px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:300px}.main:before{content:"";width:100vw;height:100vh;position:absolute;top:0;right:0;background-size:cover;background-repeat:no-repeat;z-index:-1;filter:brightness(.5)}.background-lander:before{background-image:url(/img/MainBackground.jpeg);background-position:51% 86%}.background-rooms:before{background-image:url(/img/vantzia/IMG_0871.jpeg);background-position:50% 50%}.background-vantzia:before{background-image:url(/img/MainBackground.jpeg);background-position:51% 86%}.background-vantzib:before{background-image:url(/img/vantzib/IMG_2167.jpeg);background-position:50% 30%}.background-eth-aminisa:before{background-image:url(/img/eth-aminisa/background.jpg);background-position:50% 50%}.background-eth-aminisb:before{background-image:url(/img/eth-aminisb/IMG_9223.jpeg);background-position:50% 35%}.background-40eka:before{background-image:url(/img/maybe.jpeg);background-position:50% 50%}.background-40ekb:before{background-image:url(/img/40ekklisionb/background.jpg);background-position:50% 10%}.background-about:before{background-image:url(/img/table&flowers-about-background.jpg);background-position:50% 50%}.background-contact:before{background-image:url(/img/livingroomOK.jpeg);background-position:50% 50%}.background-thank-you:before{background-image:url(/img/livingroomOK.jpeg);background-position:50% 50%}header{width:100%;margin-top:20px;display:flex;flex-direction:row;justify-content:flex-start}#logo{width:40%;cursor:pointer}#logo a{display:flex;flex-direction:row;text-decoration:none}#logo a img{width:70px;padding-right:15px;transition:.5s ease-in}#logo a p{font-family:"DM Serif Display",serif;font-size:24px;font-weight:400;align-self:center;color:#fff;margin:0}#logo a:hover img{transform:scale(1.1)}.menu{width:60%;align-self:center;padding-top:3.5px}.menu ul{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:0;padding:10px;gap:20px;list-style-type:none;box-sizing:border-box}.menu ul li{width:140px;cursor:pointer}.menu ul li:first-child{border-left:1px solid white;box-sizing:border-box}.menu ul li a{display:block;font-family:Open Sans,sans-serif;font-size:15px;font-weight:100;text-decoration:none;color:#fff;text-align:left;padding:0 5px}.menu ul li:hover{transform:scale(1.05)}.dropdown-container{position:relative;display:flex;flex-direction:column}.dropdown-header{display:flex;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;position:relative}.dropdown-container #dropdown-title{width:auto;display:block;text-align:center}.menu:not(.active) .dropdown-container .dropdown-content{display:block;width:calc(100% + 20px);padding:10px;box-sizing:border-box;background-color:#000;position:absolute;top:100%;left:-33px;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease-out,opacity .4s ease-out}.menu:not(.active) .dropdown-container:hover .dropdown-content{max-height:200px;opacity:1}.menu:not(.active) .dropdown-container:hover #dropdown-title{background-color:#000}.menu:not(.active) .dropdown-content a:hover{background-color:#484848}.dropdown-container .dropdown-item{text-align:center;font-family:Open Sans,sans-serif}.menu #language-select{padding-left:1px;font-family:Open Sans,sans-serif;font-size:15px;font-weight:100;text-decoration:none;background-color:transparent;color:#fff;text-align:left;border:none}.hamburger{display:none;font-size:50px;background:none;border:none;color:#fff;cursor:pointer;position:fixed;top:0;right:0;z-index:1100;background-color:#212121;border-bottom-left-radius:5px;padding:0 15px 10px 17px;box-sizing:border-box}.hamburger.visible{display:block;opacity:1}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;opacity:0;visibility:hidden;z-index:999;transition:opacity .3s ease,visibility .3s ease}.overlay.active{opacity:1;visibility:visible}.arrow{display:none;font-size:16px;background:none;border:none;color:#fff;cursor:pointer;transform:rotate(-90deg)}.menu.active{display:flex;position:fixed;top:0;right:0;width:300px;height:100%;background-color:#212121;color:#fff;flex-direction:column;padding:20px;box-shadow:-5px 0 10px #00000080;z-index:1000;transition:right .3s ease-in-out}.menu.active .dropdown-container{display:flex;flex-direction:column;align-items:flex-start;width:100%}.menu.active .dropdown-container .dropdown-header{display:flex;justify-content:flex-start;align-items:center;cursor:pointer;width:100%}.menu.active .dropdown-container:hover #dropdown-title{background-color:unset}.menu.active .dropdown-container .dropdown-content{display:flex;position:static!important;width:100%;flex-direction:column;gap:10px;padding-left:50px;background-color:#212121;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease}.menu.active .dropdown-container.active .dropdown-content{max-height:600px;opacity:1}.menu.active .dropdown-container .dropdown-content:before{content:"";display:block;height:0;transition:height .35s ease}.menu.active .arrow{display:inline-block;font-size:18px;color:#fff;transition:transform .2s ease-out}.dropdown-container.active .arrow{transform:rotate(0)}.menu.active ul{display:flex;flex-direction:column!important;gap:15px;width:100%;box-sizing:border-box}.menu.active ul li:hover{transform:none!important}.menu.active ul li{width:100%}.menu.active ul li a{font-size:18px;text-align:left!important}#main-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box;gap:10px;max-width:1200px}#main-title-text{color:#fff;text-align:left;max-width:600px}#main-title h1{font-family:"DM Serif Display",serif;font-size:clamp(30px,5vw,60px);font-weight:400;margin-bottom:5px;line-height:1.1;text-align:left}#main-p{font-family:Open Sans,sans-serif;font-size:clamp(14px,3vw,18px);line-height:1.4;color:#fff;margin-top:10px;text-align:left}#book-button{margin-top:20px}#book-button-item-homepage{color:#000;font-family:Open Sans,sans-serif;font-size:1.2em}#main-content #book-button input[type=button]:hover{background-color:#d3d3d3;transform:scale(1.01)}#main-content #book-button input[type=button]:active{border:.5px solid black}.footer-container{width:100%}.footer-container .footer-info{width:100%;height:100%;padding-top:20px;padding-bottom:40px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-start;box-sizing:border-box}.footer-info h3,.footer-contact h3{font-family:Open Sans,sans-serif;font-weight:800;color:#000}.footer-info .footer-KM .KM-item a{text-decoration:none;color:#212121}.footer-contact{display:flex;flex-direction:column;gap:10px}.footer-contact .contact-icons{align-self:flex-start;display:flex;flex-direction:row;justify-content:space-evenly;gap:10px}.footer-contact #contact-address{text-decoration:none;color:#000}.contact-icons .icons-item img{width:24px}.footer-container .footer-copyrights{width:100%;margin:auto auto 40px;padding:40px 0;border-top:1px solid rgb(84,84,84);text-align:center;box-sizing:border-box}.divider{margin:20px 0;border-top:1px solid black}@media (max-width: 1300px){.site-container{width:90%}}@media (max-width: 1033px){.hamburger{display:block}.menu{display:none}.menu ul li:first-child{border:none}#logo{width:80%}#main-content{align-items:flex-start;text-align:center;max-width:90%}#main-title h1{font-size:clamp(20px,6vw,50px)}#main-p{font-size:clamp(12px,4vw,16px)}#book-button input[type=button]{width:180px;font-size:.7em}}@media (max-width: 516px){.logo{width:50%!important}}