html{margin:0}
body{margin:0}
.nyito{height: 100vh; background-image: url(assets/hero.jpg); background-color: rgba(0,0,0,0.5); background-blend-mode: darken; background-position: top center; background-size: cover;}
.header{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; clear: both;height:100px;background-color:rgb(52, 94, 118); 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.menu2, footer ul.menu2{float:right;margin-right:30px}
.rolunk{margin: 0;padding: 0;clear: both; display: flex}
.rolunk div:first-child{background-image: url(assets/tranzit-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/tranzit-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{ 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; margin-bottom: 30px;}
.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:rgb(52, 94, 118);margin: 0;padding: 0;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}
.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;height: 100vh;clear: both; background-image: url(assets/tranzit-3.jpg); background-color: rgba(0,0,0,0.5); background-blend-mode: darken;  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;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;}
}
*/

@media screen and (max-width: 1000px) {
    /*
    Innentől ugrik össze a menü
    */
    .header ul{width: 100%; display: block}
    .header ul li{width: 100%;}
    .header ul li a{line-height: 40px; width: auto}
    .header ul.menu2{margin-right: 0}
    .header .logo {margin: 30px 0 30px 50px}
}


@media screen and (max-width: 768px) {
    .rolunk {display: block}
    .rolunk div:first-child{display: none !important}
    .rolunk div{
        width: 100vw !important;
        flex-grow: 0 !important;
        display: block !important;
    }

    .eia {display: block; height: unset; padding-top: 20px}
    .eia div{width: 100vw}
    .eia *{ margin: 0 auto; margin-bottom: 20px}

    footer{height: unset}
    footer a{ margin: 0 auto !important; padding: 0; display: block; float: none !important; padding-bottom: 20px; padding-top: 20px;}
    footer ul{width: 100%; display: block; height: unset; margin: 0 !important; padding-bottom: 20px}
    footer ul li{display: block; margin: 0 auto; float: none !important}
    footer ul li a{line-height: 40px}
    
}