/*Navigation*/

#mobile-nav-content{
    display:none;
}
nav{
    width:100%;
    display:block;
    position:sticky;
    top: 0;
    margin: auto;
    font-family:'Roboto';
    border-bottom:1px solid white;
}
nav a{
    font-weight:500;
    color:#e6dddd;
    font-size:2vw;
}
nav ul{
    list-style-type:none;
    background-color:#525150;
    height:4vw;
    padding-left:17vw;
}
nav ul li{
    display:inline-block;
    font-size:1.6vw;
    padding:1vw 1vw;
    font-weight:500;
    color:#e6dddd;
}
nav ul li:hover{
    background-color:rgb(0, 0, 0);
    cursor:pointer;
}
nav #more > ul{
    display:block;
}
nav ul li ul{
    display:none;
    position:absolute;
    width:100vw;
    background-color:#525150;
    margin-top:1vw;
    padding-left:0;
    margin-left:-1vw;
}
nav ul li ul li{
    display:block;
    background-color:#525150;
    position:relative;
    border:1px solid white;
    font-size:1.5vw;
}
#parafia, #menu{
    width:20%;
}

@media screen and (max-width:800px)
{
    /*Menu*/

    #mobile-nav{
        display:block;
        min-height:60px;
        height:7vh;
        text-align:center;
        font-weight:bold;
        font-size:1.2rem;
        padding:17px;
        font-family:'Roboto';
        border-bottom:0.2vh solid #ccc;
        background-color: #525150;
        color:#ccc;
    }
    nav ul{
        display:none;
    }
    #mobile-nav-content{
        display:none;
        width:100%;
        height:100vh;
        float:left;
        background-color:#242321;
        position:absolute;
        overflow:scroll;
        padding-bottom:30vh;
    }
    #mobile-nav-content > span{
        display:block;
    }
    #mobile-nav-content span{
        display:block;
        color:#ccc;
        font-size:1.2rem;
        font-family:'Roboto Condensed';
        padding:1.5vh 6vw;
        background-color: #212121;
        border:0.1vh solid black;
        margin:auto;
        width:86vw;
        max-width:600px;
    }
    #mobile-nav-content span:hover{
        border-bottom: 1px solid white;
        background-color: #1d1d1d;
        cursor:pointer;
    }
    #mobile-nav-content span > i{
        float:right;
    }
    .exit{
        font-size:1.5rem;
        color:#ccc;
        padding:3vh;
        padding-bottom:3vh;
        text-align:right;
        cursor:pointer;
        font-weight: bold;
    }

    /*Sub-menu*/

    .mobile-sub-menu span{
        padding-left:8vw !important;
        background-color: #414141 !important;
    }

    .mobile-sub-menu span:hover{
        background-color: #000 !important;
    }

    #parafia-mobile, #grupy-mobile{
        display: none;
    }
}

@media screen and (min-width:801px)
{
    #mobile-nav{
        display:none;
    }
}