header {
    min-height: 100vh;
    background-image: url('../images/header.jpg');
    background-repeat: no-repeat;
    background-position: 50%, 20%;
    background-size: cover;
    max-width: 100%;
    margin: 0 auto;
 
 

}

.navbar.is-transparent {
    background-color: rgba(0, 0, 0, 0.5) !important; /* Nastavte průhlednost podle potřeby */
}

.navbar-brand img {
    margin-top: 5px; /* Přidáno - úprava podle potřeby */

}    

.main-nav .menu {
    font-size: 2.75rem;
    line-height: 1;
    display: flex;
    gap: 2rem;
    padding-left: 1.5rem;

}

.main-nav a {
    display: block;
    padding-top: 0.15rem;
    padding-bottom: 0.35rem;

}

/* - TOTO je zarovnanie na lavom okraji - */

.main-nav li:last-of-type {
    margin-right: auto;
}


@media screen and (min-width: 550px) {

    
    
            header {
                min-height: 100vh;
                background-image: url('../images/header.jpg');
                background-repeat: no-repeat;
                background-position: 50% 20%;
                background-size: 550px auto; /* Šířka 550 px, výška automatická */
                max-width: 100%;
                margin: 0 auto;
                position: relative; /* Přidáno - pro správné zarovnání obsahu pod header */
            }
        
            .navbar {
                width: 100%;
                max-width: 550px;
                margin: 0 auto; /* Přidáno - centrování navigačního panelu */
                position: absolute;
                top: 0;
                z-index: 2;
                background-color: rgba(0, 0, 0, 0.55);
                align-items: center; /* Zarovnání na střed */
                justify-content: center; /* Zarovnání na střed vodorovně */
            }
        
            .navbar .navbar-item {
                font-size: 2.0rem;
                line-height: 1;
                display: flex;
                gap: 2rem;
                align-items: center; /* Zarovnání na střed */
                justify-content: center; /* Zarovnání na střed vodorovně */
                height: 100%; /* 100 % výšky rodičovského kontejneru (.main-nav) */
            }
        
        
    
    
    
    .main-nav a {
        display: block;
        padding-top: 0.15rem;
        padding-bottom: 0.35rem;
    }
}