<style >
/* Navigační odkazy mají plnou šířku na mobilech */
@media (max-width: 575.98px) {
    nav ul.nav

{
    flex-direction: column !important; /* už je flex-column, ale pro jistotu */
    align-items: center;
    padding-left: 0;
}

nav ul.nav li.nav-item {
    width: 100%;
    margin-bottom: 0.5rem;
}

    nav ul.nav li.nav-item a.nav-link {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

}


/* Na desktopu menší margin mezi odkazy */
nav ul.nav li.nav-item {
    margin-right: 0.5rem;
    margin-bottom: 0.25rem;
}

    /* Hover efekt a styl odkazu */
    nav ul.nav li.nav-item a.nav-link {
        background-color: #004071;
        color: white !important;
        padding: 0.5rem 1rem;
        border-radius: 4px;
        display: inline-block;
        font-weight: 700;
        text-decoration: none;
        transition: background-color 0.3s ease;
    }

        nav ul.nav li.nav-item a.nav-link:hover {
            background-color: #25a6dc;
        }

.article-content h2 {
    font-size: 1.2em; /* nebo např. 16px, podle potřeby */
}



</style >
