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

    .limiter {

        width: 1000px;

    }

}



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

    .limiter {

        width: 900px;

    }

}



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

    .limiter {

        width: 100%;

        padding: 0 20px 0 20px;

    }

    .content-flex .limiter {

        flex-wrap: wrap;

    }

}



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

    .limiter {

        width: 100%;

    }

    .banner {

        display: none;

    }

    .content-left {

        width: 100% !important;

        padding: 40px 20px 40px 20px;

        float: none;

        text-align: center;

    }

    .content-right {

        width: 100% !important;

        float: none;

        text-align: center;

    }

    .content-flex .limiter {

        display: block;

    }

    .grid {

        height: 450px;

    }

    .video {

        height: 100vh;

    }

    .logo {

        position: relative;

        margin: 0 auto;

        left: auto;

    }

    .lista {

        position: relative;

        height: auto;

        background: RGBA(0,89,139,0.95);

    }

    .lista-smaller {

        height: auto;

        line-height: 100px;  

        background: RGBA(0,89,139,0.95);

      }

    .menu {

        text-align: center;

        height: 100%;

    }

    .menu a {

        display: block;

        line-height: 65px;

        cursor: pointer;



    }

    .menu a:last-child {

        margin-right: 0;

    }

    .video {

        display: none;

    }

    .kontakt-mobile {

        display: block;

        position: relative;

        width: 100%;

        padding: 40px 20px 40px 20px;

        text-align: center;

    }

    .kontakt-mobile i {

        font-size: 24px;

    }

    .kontakt-mobile h2::after {

        content: "";

        position: relative;

        top: 100%;

        margin: 0 auto;

        width: 50px;

        height: 5px;

        display: block;

        background: #00598b;

    }

    #iit-podpis #iit-napis, #iit-podpis #iit-piktogram {

        display: none;

    }

    #iit-podpis #iit-full {

        display: block;

    }

    .footer .content-left,

    .footer .content-right  {

        text-align: center;

    }

}