* {background: #fbe5bb;padding: 0;margin: 0;}
body {width:99.9%;margin:0;padding:0;}
::-webkit-scrollbar {width:12px;}
::-webkit-scrollbar-thumb {background:linear-gradient(to bottom, transparent, #00e7ff, #0003ff);border-radius: 50% 50% ;}
i, h1, h2, h3, h4, h5, h6 {color:#fbe5bb;font-size:0;}

#fekvo, #fekvokiir, #telefon, #telefon1, #telefon2 {width:0;height:0;font-size:0;}
#menu a {color:black;}
#logo {width:33%;height: 80px; float:left;margin:0 0 0 8%;}
#menunyit {width:59%;height: 80px;float:left;margin:0;}
#menunyit #menuki, #menunyit #menube {width:0;height:0;}
#menunyit #menuki i, #menunyit #menube i{font-size:0em;}
#nev1, #nev2{width:35%;height:30px; float: left;text-align: left;font-size: 4vh;margin:20px 0;font-family: 'Dancing Script', cursive;}
#nev1{text-align: right;width:42%;}
#logo1{width:80px;height: 80px; float: left;background-image: url(logo.png);background-size: cover;}
#menu1, #menu2, #menu3, #menu4, #menu5 {text-align: center;font-size: 4vh;font-family: 'Dancing Script', cursive;width:18%;height: 30px; float: left;margin:20px 0;}
#menu3 {width:21%;}
#logo:hover, #menu1:hover , #menu2:hover , #menu3:hover , #menu4:hover, #menu5:hover {animation :menufokus 2.5s ;}
@keyframes menufokus {
	0%, 100% {filter:none;}
	50% {filter:blur(2px);}
}
#adatleir{position: relative;width:80%;margin: 0 10% 1% 10%;top:80px;}
#nagy {font-size:4vh;text-align:center;margin:10px 0;}
#kicsi {text-align:center;font-size:2vh;}
#kicsi1 {text-align:center;font-size:2.5vh;margin:10px 0 10px 0;}

@media only screen and (max-width: 1460px) {
	#menu {position: fixed;top:0;left:0;width: 80%;height: 80px;margin: 0 10%;z-index:1;}
	#menu a {color:black;text-decoration:none;}
	#logo {width:79%;height: 80px; float:left;margin:0 10% 0 10%;}
	#menunyit {width:99%;height: 10px;margin:0;}
	#menunyit #menuki.nyitva , #menunyit #menube.nyitva {width: 48px;height: 50px;top: 20%;right:0;position: absolute;}
	#menunyit #menuki.nyitva i, #menunyit #menube.nyitva i{color:black;font-size:3em;width: 48px;height: 50px;top: 20%;right:0;position: absolute;}
	#menunyit #menuki.zarva, #menunyit #menube.zarva {font-size:0em;width: 0px;height: 0px;top: 20%;position: absolute;}
	#nev1, #nev2{width:35%;height:30px; float: left;text-align: left;font-size: 4vh;margin:20px 0;font-family: 'Dancing Script', cursive;}
	#nev1{text-align: right;width:42%;}
	#logo1{width:80px;height: 80px; float: left;background-image: url(logo.png);background-size: cover;}
	#menu1.nyitva, #menu2.nyitva, #menu3.nyitva, #menu4.nyitva, #menu5.nyitva {text-align: center;font-size: 4vh;font-family: 'Dancing Script', cursive;width:101%;margin:0;height: 90px;left:-3px;position:relative;transition:1s;}
	#menu1.zarva, #menu2.zarva, #menu3.zarva, #menu4.zarva, #menu5.zarva {text-align: center;font-size: 0vh;font-family: 'Dancing Script', cursive;width:100%;margin:0;height: 0px;transition:1s;}
	#logo:hover, #menu1:hover , #menu2:hover , #menu3:hover , #menu4:hover, #menu5:hover {animation :menufokus 2.5s ;}
	@keyframes menufokus {
		0%, 100% {filter:none;}
		50% {filter:none;}
	}
}

@media only screen and (max-width: 1367px) {
	#menu1.nyitva, #menu2.nyitva, #menu3.nyitva, #menu4.nyitva {font-size: 5vh;}
}

@media (orientation: portrait) {
	#menu {width: 100%;height: 80px;margin:0;z-index:1000;}
	#logo {height:80px;width: 90%;margin: 0 0 10% 0;}
	#nev1, #nev2 {font-size:2.7vh;}
	#logo1 {margin:10px 0 0 0;width: 45px;height: 45px;}
	#menunyit #menuki.nyitva, #menunyit #menube.nyitva {font-size: 0.7em;right:5%;}
	#menunyit #menuki.nyitva i, #menunyit #menube.nyitva i {top:0;left:10px;}
	#menunyit {margin: -120px 0px;}
	#menu1.zarva, #menu2.zarva, #menu3.zarva, #menu4.zarva, #menu5.zarva  {position: relative;top:80px;}
	#menu1.nyitva, #menu2.nyitva, #menu3.nyitva, #menu4.nyitva, #menu5.nyitva  {height: 50px;top:80px;z-index:100;font-size:4vh;}
	#menu2.nyitva {transform:translateY(-2px);}
	#menu3.nyitva {transform:translateY(-4px);}
	#menu4.nyitva {transform:translateY(-6px);}
	#menu5.nyitva {transform:translateY(-8px);}
}

@media (orientation:landscape) and (max-height: 500px) {
	#menu, #menunyit #menuki.nyitva, #menunyit #menube.nyitva, #menunyit #menuki.nyitva i, #menunyit #menube.nyitva i, #logo1, #nev1, #nev2, .contener {width:0;height:0;font-size:0;opacity:0;}
	#fekvo {position: absolute;width: 100%;height: 100%;opacity: 1;}
    #fekvokiir {width: 50%;height: 28%;margin:15% 0 10% 10%;float:left;}
    #fekvokiir p {color: black;text-align: center;font-size: 8vh;height:50px;}
	#telefon {width: 20%;height: 50%;margin:7% 10% 10% 10%;float: left;}
    #telefon1 {position: absolute;width: 114px;height: 200px;background: blue;border-radius: 10px;animation: mozog6 3s linear infinite; }
    @keyframes mozog6 {0%{transform:rotate(-90deg);opacity: 0;} 15%{transform:rotate(-90deg);opacity: 1;} 80%,85%{transform:rotate(0deg);opacity: 1;}100%{opacity: 0;}}
    #telefon1::before {content:'';position: absolute;top:10px;left:20px;width: 60px;height: 10px;background: black;border-radius: 5px;}
    #telefon1::after {content:'';position: absolute;top:10px;left:85px;width: 10px;height: 10px;background: black;border-radius: 5px;}
    #telefon2 {position: absolute;top:30px;left:7px;width: 100px;height: 140px;background: #cacaca;border-radius: 3px;}
    #telefon2::before {content:'';position: absolute;top:145px;left:30px;width: 40px;height: 20px;background: black;border-radius: 10px;}
}