header .container .menu {
    margin-bottom: 5vw;
}

nav {
    display: inline-block;
    margin: 0 auto;
    font-family: "Barlow";
    text-transform: uppercase;
}

nav ul {
    display: block;
    text-align: center;
    border-bottom: 2px solid #9b9595;
}

nav li {
    position: relative;
    padding: 0 1.2vw;
}

nav li a {
    display: inline-block;
    padding: 10px 0;
    text-decoration: none;
    color: #e8b7b2;
    font-size: 1.5vw;
}

nav ul li ul li a {
    padding: 10px;
    white-space: nowrap;
    font-size: smaller;
    text-align: left;
}


@media only screen and (min-width:768px) {
    /*tablet álló nézet felett*/

    header .container .two_third {
        position: relative;
        padding-right: 0;
    }

    

    nav li {
        display: inline-block;
        position: relative;
    }

    nav ul li:hover ul {
        display: block;
    }

    nav ul li ul {
        position: absolute;
        left: 0;
        display: none;
        margin: 0;
        padding: 0;

    }

    nav ul li ul li {
        display: block !important;
        margin-right: 0;
    }

   
    nav ul li ul li a:last-child {
        border: none;
    }
}

@media only screen and (max-width:769px) {
    /*tablet álló nézet*/
    
    .menu {
        display: block;
        text-align:center;
    }

    #logo {
        margin: 0 auto;
    }

    nav ul {
        display: none;
        width: 100%
    }

    nav ul li {
        border-bottom: 2px solid white;
        display: block;
    }
    
    nav ul li a {
        font-size: 20px;
    }
    
    

    nav ul li ul li {
        border-bottom: 1px solid white;
    }


    .hamburger {
        display: block;
        position: absolute;
        width: 50px;
        height: 48px;
        top: 0;
        right: 0;
        z-index: 100;
    }

    .hamburger::after {
        position: absolute;
        left: 16%;
        top: 56%;
        width: 70%;
        height: 11px;
        content: "";
        border-top: 3px solid #e8b7b2;
        border-bottom: 3px solid #e8b7b2;
    }

    .hamburger::before {
        position: absolute;
        left: 15%;
        top: 25%;
        width: 70%;
        height: 11px;
        content: "";
        border-top: 3px solid #e8b7b2;
        border-bottom: 3px solid #e8b7b2;
    }

    .open_hamburger {
        display: block;
        position: absolute;
        width: 25px;
        height: 25px;
        top: 8px;
        right: -25px;
        z-index: 100;
        border-radius: 5px;
        background-color: #e8b7b2;
    }

    .open_hamburger::before {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -8px;
        margin-top: -6px;
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff;
    }
}