* {background:#fbe5bb;padding:0;margin:0;}
body {width:100%;margin:0;padding:0;}
i, h1, h2, h3, h4, h5, h6, ::marker {color:#fbe5bb;font-size:0;}
ul, li {height:0;}

#fekvo, #fekvokiir, #telefon, #telefon1, #telefon2 {width:0;height:0;font-size:0;}
#menu a {color:black;text-decoration:none;}
#logo {width:25%;height: 80px; float:left;margin:0 0 0 8%;}
#menunyit {width:60%;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, #menu6 {text-align: center;font-size: 4vh;font-family: 'Dancing Script', cursive;width:12%;height: 30px; float: left;margin:20px 0;}
#menu4 {width:21%;margin:20px;}
#menu5 {width:14%;margin:20px 30px 20px 20px;}
#logo:hover, #menu1:hover , #menu2:hover , #menu3:hover , #menu4:hover, #menu5:hover, #menu6:hover {animation :menufokus 2.5s ;}
@keyframes menufokus {
	0%, 100% {filter:none;}
	50% {filter:blur(2px);}
}

.contener {position: relative;width:100%;height: calc(100vh - 80px);overflow: auto;}
#kozep {position:relative;width:30%;height:20%;top:50%;left:50%;transform:translate(-50%, -50%);}
#kozep p {color:black;font-size:1.3em;width:100%;text-align:center;margin:2% 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:0px;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, #menu6.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, #menu6.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, #menu6: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, #menu5.nyitva, #menu6.nyitva {font-size: 5vh;}
}

@media (orientation: portrait) and (max-width: 600px) {
	* {background:#fbe5bb;}
	#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, #menu6.zarva  {position: relative;top:80px;}
	#menu1.nyitva, #menu2.nyitva, #menu3.nyitva, #menu4.nyitva, #menu5.nyitva, #menu6.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);}
	#menu6.nyitva {transform:translateY(-10px);}
	.contener {top:80px;}
	#kozep {width:80%;height:25%;}
}