@media screen and (min-width: 501px) {
    
    .bonw {background: white; color: black; border-color: black}
    .wonb {background: black; color: white; border-color: white}  

    .section-header {
        text-align: center;
        font-size: 42px;
        font-weight: 900;
        line-height: 48px; }

    .section-header span {
        font-size: 22px;
        line-height: 30px; }


    /*-------------- BACKTOP -------------------- */    

    #backtop{
        position: fixed;
        z-index: 50;
        bottom: 26px;
        right: 30px;
        width: 48px;
        height: 48px;
        background: #ddd;
        border-radius: 30px;
        text-align: center; }

        #backtop img{width: 22px;height: 42px;}


    /*-------------- NAVBAR -------------------- */

    #section-nav {
        width: 100%;
        z-index: 20;
        position: fixed;
    }
    
    #navbar_container{
        width: 100%;
        background: black;
        padding-top: 10px;
    }
    
    #navbar {
        z-index: 10;
        width: 80%;
        max-width: 800px;
        margin: auto;
        padding: 0 24px 0 14px;
        height: 48px;
        color: white; 
    }
    
    #navbar a{vertical-align: middle;}

    #nav-lang{
        float: left;
        color: white;
        height: 30px;
        border: white solid 2px;
        padding: 2px 5px 0 7px; 

    }

        #nav-lang-pl {
            height: 18px; vertical-align: middle;
        }

        #nav-lang-down {vertical-align: middle;}

        #nav-lang span {
            font-size: 18px;
            vertical-align: middle;
            line-height: 18px; }

    #nav-menu {
        float: right;
        height: 36px;;
        align-items: middle; 
        }

        #nav-menu img {
            height: 18px;
            margin-left: 5px;
            vertical-align: middle; }

        #nav-menu span {
            font-size: 22px;
            vertical-align: middle;}
    
        #nav-menu a{
            color: white
        }
    
    #menu-container{
        max-width: 80%;
        width: 800px;
        margin: auto;
        z-index: 25;
    }
    
    #main-menu-invisible ul li a{
        color: black;
    }
       
   #main-menu-invisible {
        display: none;
       /* position: absolute; */
        padding: 0 30px;
        background: white;
        color: black;
        font-size: 23px;
        z-index: 130;
        border: 12px solid black;
        float: right;
        width: 300px;
    }
    
    #main-menu-invisible ul {
        text-align: center;
        padding: 18px 0;
    }
    
    #main-menu-invisible ul li {
       /* display: inline-block;*/
        list-style: none;
        padding: 0px 24px;
    }
    
    #main-menu-invisible ul li hr{
        border: solid 1px;
        margin: 6px 0;
    }

    /* ----------- NAVBAR_INTERIOR ----------- */

    #interior_section-nav {
        width: 100%;
        position: fixed;
        z-index: 20;

    }

    #interior_section-nav a{
         color: black;}
    
    #interior_section-nav hr{
        border:solid 1px black; 
        max-width:80%; 
        margin:auto;
        width: 800px;
        }
    
    #interior_navbar_container
        {
            width: 100%;
            background: white;
        }
    
    #interior_navbar {
        z-index: 10;
        width: 80%;
        max-width: 800px;
        margin: auto;
        padding: 10px 24px 0 14px;
        height: 48px;
        color: black;
    }

    #interior_nav-home{
        float: left;
        color: black;
        height: 30px;
        border: black solid 2px;
        padding: 2px 5px 0 7px; }

    #interior_nav-home span{
        font-size: 18px;
        font-weight: 600;}

    #interior_nav-home img{
        vertical-align: middle;
        height: 20px;}


    #interior_nav-menu {
        float: right;
        height: 36px;;
        align-items: middle;}

    #interior_nav-menu img {
        height: 18px;
        margin-left: 5px;
        vertical-align: middle;}


    #interior_nav-menu span {
        font-size: 22px;
        vertical-align: middle;}
    

    /*-------------- STOPKA -------------------- */


    #section-stopka{
        background: white no-repeat url(../img/gfx-kontakt-bg.svg);
        background-position: 60% -50px;
        background-size: 104% 200px;
        width: 100%;
        height: 200px; }

    #section-stopka p{
        padding: 160px 10px 20px 10px;
        font-size: 16px;
        text-align: center; }

    }
    
    
}