<div id="header" class="container">

    <div id="header_nazov" class="flex-item" style="align-self: center;">
        <p>Slovanská mytológia</p>
    </div>
</div>
<nav class="topnav container_menu" id="myTopnav">
    <a href="/index" class="active">Domov</a>
    <div class="dropdown">
        <p class="dropbtn">Bohovia</p>
        <div class="dropdown-content">
            <a href="/jarilo">Jarilo</a> <!--neskôr upracem abecedne-->
            <a href="/perun">Perún</a>
            <a href="/svarog">Svarog</a>
            <a href="/veles">Veles</a>
        </div>
    </div>
    <div class="dropdown">
        <p class="dropbtn">Bohyne</p>
        <div class="dropdown-content">
            <a href="/devana">Devana</a>
            <a href="/jaga">Jaga</a>
            <a href="/lada">Lada</a>
            <a href="/morena">Morena</a>
        </div>
    </div>
    <div class="dropdown">
        <p class="dropbtn">Bytosti a Démoni</p>
        <div class="dropdown-content">
            <a href="/kikimora">Kikimora</a>
            <a href="/lesovik">Lesovik</a>
            <a href="/rusalka">Rusalka</a>
            <a href="/zmej">Zmej</a>
        </div>
    </div>
    <a href="javascript:void(0);" class="icon" onclick="myFunction()">☰</a>
</nav>