#main-menu ul{
    display: flex;
    list-style: none;
    align-items: center;
}
#main-menu {
display: flex;
    justify-content: space-between;
    align-items: center;
 padding: 10px;
 
}

#main-menu ul li {
    margin-left: 2.5rem;

}
#main-menu ul li a {
    padding:0.5rem 1rem;
    font-size: 1.5rem;
    color: var(--dark);
    font-family: "Bebas Neue", sans-serif;

}
#main-menu ul li a:hover {
   
    outline: 2px solid var(--dark);
    outline-offset: 1px;
    border-radius: 4px;
}
header {
    background-color: var(--light);
    border-bottom: solid 1px var(--dark);
    padding: 0 60px;
}


@media only screen  and (max-width: 1123px) {
    #main-menu {
        flex-wrap: wrap;
        padding: 20px 0;
    }
    #hamburger {
        display: block;
        padding: 10px;
    }
    #hamburger:hover {
        background-color: #f0f0f0;
        border-radius: 5px;
    }

    #menu-element {
        height: 0;
        width: 100%;
        opacity: 0;
    }

    #menu-element.nyitva {
     height: 100%;
     opacity: 100%;
    }
    #menu-element ul {
       display: block;
       text-align: center;
       padding-left: 0;
    }
    #main-menu ul li {
        margin-left: 0;
        padding: 10px 0;
    }
    #main-menu ul li:hover {
        background-color: #f0f0f0;
    }
    #main-menu ul li a:last-of-type {
background-color: transparent;
color: var(--dark)!important;
    }
    #main-menu ul li a:last-of-type:hover {
        outline: none;
    }
    #main-menu ul li a {
        font-size: xx-large;
    }
    header {
        padding: 0 20px;
    }
}