html{margin:0}
body{margin:0}
.nyito{display: flex; flex-direction: column;width:100vw; height: 100vh; background-image: url(assets/1_.jpg); background-position: top center; background-size: cover;}
.header{position: absolute; height:150px;width:100%;background: #000; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 25%, rgba(0,0,0,.4) 100%);text-align:center}
footer{margin: 0;padding: 0;width:100vw; clear: both;height:100px;background-color:#d78f5f; text-align:center;overflow: hidden;}
.header .logo, footer .logo{margin:30px 0 70px 50px;height:50px;float:left}
.header .logo img, footer .logo img{margin:0;height:50px;}
.header ul, footer ul{list-style-type: none;margin: 20px 0 60px 0;padding: 0;height: 70px;display:inline-block;}
.header ul li, footer ul li{float: left;}
.header ul li a, footer ul li a{display: block; color: white; margin: 0 10px;padding: 0 10px; text-decoration: none;	font-family: Times; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 70px; letter-spacing:0;cursor: pointer}
.header ul li a:hover, footer ul li a:hover{}
.header ul.menu2, footer ul.menu2{float:right;margin-right:30px}
.rolunk{margin: 0;padding: 0;width:100vw; clear: both; display: flex}
.rolunk div:first-child{background-image: url(assets/2.jpg); background-position: center center; background-size: cover; margin:0; padding: 0;width: 60vw; flex-grow: 1; }
.rolunk div:last-child{background-image: url(assets/2.jpg); background-position: center center; background-size: cover; margin:0; padding: 0;width: 100vw;display:none; height:60vh}
.rolunk div.tartalom{margin:0;background-color: white; width: 40vw; flex-grow: 1; text-align: center;}
.rolunk h1, .title-underline{ color: #353535; font-family: Times; font-size: 60px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing:0;display: inline-block;margin: 50px 0}
.rolunk h1:after, .title-underline:after{background-image: url(assets/line.png); background-size: 100% auto; background-repeat: no-repeat;display: block; content: ''; height: 10px;margin-top:-15px}
.rolunk p{text-align: justify;font-family: Helvetica; color: #353535;margin: 0 20% 50px 20%; line-height: 22px; font-size:15px; font-weight: 300}
.eia{background-color:#d78f5f;margin: 0;padding: 0;width:100vw; clear: both; display: flex; height: 200px; justify-content: center; align-items: center; text-align: center;}
.eia div{margin:0; padding: 0;width: calc(100vw / 3); flex-grow: 1;}
.eia .ei, .eia .ia{ color: #fff; font-family: Times; font-size: 60px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing:0;display: inline-block; text-decoration: none}
.eia .ei:after, .eia .ia:after{background-image: url(assets/line.png); background-size: 100% auto; background-repeat: no-repeat;display: block; content: ''; height: 10px;margin-top:-15px}
.af{border-radius: 20px; line-height:40px;font-family: Helvetica; color: #353535; font-size:17px; font-weight: 600;background-color: white;padding: 0 20px; border: 1px solid white; cursor: pointer;}
.kontakt{margin: 0;padding: 0;width:100vw; height: 100vh;clear: both; background-image: url(assets/3.jpg); background-position: top center; background-size: cover; display: flex;justify-content: center; align-items: center; text-align: center;}
.kontakt p{background-color:white;text-align:center;font-family: Helvetica; color: #353535; line-height: 22px; font-size:15px; font-weight: 500;padding: 25px 75px}
.gm{margin: 0;padding: 0;width:100vw; height: 70vh;clear: both;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.fancybox-content {color:black !important;padding:0 !important;width:60% !important;height:80% !important;min-height:565px !important;}
iframe.fb {width:100% !important;height:calc(100% - 120px) !important;}

@media screen and (max-width: 760px) {
.header ul li{float:none}
.header ul{margin:0 !important;height: auto;background: #000; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 25%, rgba(0,0,0,.4) 100%);float:right;padding: 30px 10px;width: 150px}
.header ul li a{line-height:20px;}
.header ul.menu2{margin-top:10px !important;padding: 0px 10px 40px 10px}
.rolunk{display:block}
.rolunk div:first-child{display:none}
.rolunk div:last-child{display:block}
.rolunk div.tartalom{width:100vw}
.eia .ei, .eia .ia{font-size:20px}
.eia .ei:after, .eia .ia:after{margin-top:-4px}
.af{font-size: 12px;padding:0 10px;line-height:20px;border-radius:10px}
footer .logo{margin:30px auto;display: inline-block;float:none}
footer ul{display:none;}
.middle-booking-button{
display: none !important;
}
}