.menu-bar {
    margin-top: 0;
    background-color: var(--background-boja);
    padding: 15px;
    margin-bottom: 0;
}

.menu-bar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    justify-content: center;
    display: flex;
}

.menu-bar ul li a {
    color: var(--tekst-boja);
    text-decoration: none;
    padding: 12px 20px;
    font-size: clamp(1rem, 2.5vh, 2rem); 
}

.menu-bar ul li a:hover {
    color:  var(--background-boja-hover);
    border-radius: 5px;
}

@media screen and (max-width: 1000px) {
    .menu-bar ul li a{
        font-size: 4vw; 
        padding: 5px 10px;
    }
}