@media (max-width: 1320px) {

    

    .container_karty{

        width: 90%;

    }



     .container_karty2{

        width: 90%;

    }

    

    .container_kontakt {

        width: 90%;

        padding: 50px 50px;

    }

    

}



@media (max-width: 920px) {

    

    .container_karty{

        flex-direction: column-reverse;

    }

    

    .container_karty2{

        flex-direction: column;

    }

    

    .container_kontakt {

        flex-direction: column;

        padding: 40px 30px;

    }

    

    .nadpisPC {

        display: none;

    }



    .nadpisMobile {

        display: block;

    }

    

    .karty_column {

        width: 100%;

    }

    

    .kontakty_adresy {

        width: 100%;

    }

    

    .formular {

        width: 100%;

        margin-top: 50px;

    }

    

    input[type="submit"] {

        width: 100%;

        font-size: 26px;

        font-family: "Oxanium", sans-serif;

    }

    

    footer {

        flex-direction: column;

    }

    

    .logo_footer {

        width: 90%;

         display: block;

        margin: 40px auto;

    }

    

    .odkazy {

        width: 100%;

        display: block;

        margin: 40px auto;

        text-align: center;

    }

    

    .odkazy ul {

        line-height: 72px;

    }

    

    .odkazy a {

        font-size: 24px;

    }

    

    .soc_site {

        width: 100%;

        text-align: center;

    }

    

    .logo_header {

        width: 55%;

        top: 65%;

    }

    

    form {

        padding: 0;

    }

    

}



@media (max-width: 580px) {

    

   .logo_header {

        width: 80%;

        top: 65%;

       left: 0;

       margin: 0 auto;

    }

    

    .nadpis {

        font-size: 42px;

    }

    

    .nadpisMobile {

        font-size: 42px;

    }

    

    .kartaNadpis {

        font-size: 28px;

    }

    

    .kartaText {

        line-height: 28px; 

    }

    

    .nadpis_reference {

        font-size: 42px;

    }

    

    .Nadpis_kontakty {

        font-size: 32px;

    }

    

    .container_reference {

        width: 90%; 

    }

}



@media (max-width: 480px) {

    

    .nav-right a {

        font-size: 18px;

    }

    

    .navbar {

        padding: 0px;

    }

    

    .logo {

         width: 5rem;

    }

    

    .menu {

        left: 0;

        width: 100%;

    }

    

    .kartaNadpis {

        font-size: 28px;

    }

    

    .kartaText {

        font-size: 16px; 

    }

    

    .firma {

        font-size: 26px;

    }

    

    .karta {

        padding: 10px;

    }

    

    .karta ul {

        padding: 15px;

        font-size: 16px;

    }

    

     .referecni_zakazka ul {

        font-size: 18px;

    }

    

}