/* definujeme styly pro menu */
.menu {
    position: relative; /* přidáme relativní pozici pro kontejner menu */
    z-index: 1000; /* nastavíme vysoký z-index pro kontejner menu */
    height: 50px; /* nastavíme výšku menu */
    display: flex; /* použijeme flexbox */
    justify-content: flex-end; /* zarovnáme obsah doprava */
    align-items: center; /* vertikálně zarovnáme obsah na střed */
    width: 100%;

}


/* definujeme styly pro ikony */

.icon {
    font-size: 3rem; /* nastavíme velikost písma */
    margin-right: -20px; /* nastavíme okraje */
    padding: 0;
    cursor: pointer; /* přidáme kurzor typu pointer */
    color: dimgray;
}

/* definujeme styly pro dropdown menu */
.dropdown {
    display: block; /* skryjeme dropdown menu */
    position: absolute; /* umístíme dropdown menu nad ostatními prvky */
    top: -10000px; /* nastavíme vzdálenost od horního okraje */
    left: 0; /* nastavíme vzdálenost od levého okraje */
    width: 100%; /* nastavíme šířku na celou obrazovku */
    background-color: #1b1e26; /* změníme barvu pozadí dropdown menu na #1b1e26 */
    z-index: 9999;
    transition: top 0.5s;
}

/* definujeme styly pro odkazy v dropdown menu */
.dropdown a {
    display: block; /* zobrazíme odkazy jako blokové prvky */
    color: #eee !important; /* nastavíme barvu textu */
    padding: 1vw 1vw; /* nastavíme odsazení */
    text-decoration: none; /* odstraníme podtržení */
    text-align: center; /* zarovnáme text na střed */
    border: 0 !important;
    font-weight: lighter;
    font-size: 1.5vw;
    text-transform: uppercase;
}

/* změníme barvu odkazů v dropdown menu při najetí myší na #272a33 */
.dropdown a:hover {
    color: white !important;
}

.dropdown:hover .dropdown-content {
    display: block; /* zobrazíme dropdown menu */
    top: 50px; /* posuneme dropdown menu dolů tak, aby bylo pod horní lištou */
}


.menu-pokracovat {
    border: 1px solid silver;
    padding: 10px 10px 10px 25px;
}

@media (max-width: 768px) {
    .dropdown a {
        font-size: 5vw;
        padding: 7vw 7vw;
    }

    /* definujeme styly pro ikony */
    .icon {
        font-size: 3rem; /* nastavíme velikost písma */
    }


}