@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 1720px) {
    #nav {
        /*width: 1100px;*/
        /*max-width: 995px;*/

    }

    .isocell {
        max-width: 150px;
        /*position: relative;
        float: left;
        right: 0;
        margin-left: 20px;*/
    }

    #logo img {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }

    /*#logo {
        margin-left: 32%;
    }*/
}

@media screen and (max-width: 1680px) {
    #nav li {
        max-width: 125px;
    }

    .isocell {
        right: 900px;
    }
}

@media screen and (max-width: 1580px) {
    /*#nav {
        display: block;
        margin-left: auto;
        margin-right: auto;
        clear: both;
        float: none;
    }*/
    /*#logo {
        margin-left: 31%;
    }*/
    .isocell {
        right: 830px;
    }

    #nav li {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 125px;
    }

    #nav li.longer {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 125px;
    }

    header .container-fluid {
        width: 98%;
    }
}

@media screen and (max-width: 1450px) {
    /*#logo {
        margin-left: 30%;
    }*/
    /*#nav {
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: both;
        width: 1000px;
    }*/
    /*.isocell {
        margin-bottom: 20px;
        position: relative;
        float: left;
        right: 0;
        margin-left: 20px;

    }*/
}

@media screen and (max-width: 1326px) {
    #logo {
        /*margin-left: 26%;*/
        max-width: 270px;

    }

    #logo img {
        margin-top: 5px;
    }

    .isocell {
        max-width: 135px;
    }
}

@media screen and (max-width: 1275px) {

    #nav {
        /*clear:both;
        float:none;
        width:900px;
        display:block;
        margin-left:auto;
        margin-right:auto;*/
        display: none;
    }

    #nav li:first-of-type {
        display: inline-block;
    }

    #menuMobil ul li:first-of-type a {
        background-color: #56985b;
        color: #fff;
    }

    #menuMobil ul li:first-of-type a:hover {
        background-color: #69b86f;
    }

    .isocell {
        display: none;
    }

    #mobil {
        display: block;
    }

    /*#logo {
        float: none;
    }*/
    #logo img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #logo {
        margin-left: 0;
    }

    .isocell {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 950px) {
    header {
        min-height: 95px;
    }

    #logo {
        float: left !important;
        margin-top: 0;
    }

    .isocell {
        display: none;
    }

    #logo img {
        max-width: 70%;
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0;
    }

    .copyright, .podpis {
        float: none !important;
        text-align: center;

    }

    .copyright {
        margin-top: 25px;
    }

    .podpis {
        clear: both;
        margin-top: 10px;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 40px;
    }

    h3 {
        font-size: 24px;
    }
}

@media screen and (max-width: 414px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 20px;
    }

    .sectionText {
        font-size: 15px;
    }
}