@media (max-width: 900px){
    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .center{
        width: min(100% - 32px, 680px);
    }

    .hlavicka{
        min-height: 76px;
    }

    .logo{
    width: 200px;
    min-width: 0;
}

    .logo img{
    display: block;
    width: 200px;
    max-width: 100%;
    height: auto;
}

    .hamburger{
        position: relative;
        z-index: 60;
        width: 44px;
        height: 44px;
        padding: 10px;
        border: 0;
        background: transparent;
    }

    .hamburger span{
        display: block;
        width: 24px;
        height: 2px;
        margin: 5px 0;
        background: #04183A;
        transition: transform .2s ease, opacity .2s ease;
    }

    .hamburger.aktivni span:nth-child(1){
        transform: translateY(7px) rotate(45deg);
    }

    .hamburger.aktivni span:nth-child(2){
        opacity: 0;
    }

    .hamburger.aktivni span:nth-child(3){
        transform: translateY(-7px) rotate(-45deg);
    }

    #Navigace{
        position: fixed;
        inset: 76px 0 auto 0;
        display: none;
        background: #ffffff;
        border-top: 1px solid #e4eaf0;
        box-shadow: 0 14px 26px rgba(4,24,58,.12);
    }

    #Navigace.aktivni{
        display: block;
    }

    #Menu{
        display: block;
        padding: 8px 16px 18px;
    }

    #Menu li{
        border-bottom: 1px solid #edf1f5;
    }

    #Menu a{
        display: block;
        padding: 16px 4px;
    }

    #Menu a:after{
        display: none;
    }

    .slider,
    .slider-obsah{
        min-height: 620px;
    }

    .slider-filtr{
        background: linear-gradient(90deg, rgba(4,24,58,.9), rgba(4,24,58,.52));
    }

    h1{
        font-size: clamp(42px, 12vw, 58px);
    }

    .slider-obsah > p:not(.nadpis-maly){
        font-size: 18px;
    }

    .sekce{
        padding: 76px 0;
    }

    .sekce-hlavicka{
        margin-bottom: 34px;
    }

    .sluzby{
        grid-template-columns: 1fr;
    }

    .sluzba{
        min-height: 0;
    }

    .dve-kolony{
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .foto-ramecek img{
        min-height: 260px;
    }

    .reference{
        grid-template-columns: 1fr;
    }

    .reference-karta,
    .reference-karta img{
        min-height: 300px;
    }

    .kontakt-grid{
        grid-template-columns: 1fr;
    }

    .formular-radek{
        grid-template-columns: 1fr;
        gap: 0;
    }

    .mapa iframe{
        height: 320px;
    }

    .kariera-benefity{
        margin-top: 32px;
        padding: 24px;
    }

    .kontakt-box{
        min-height: 0;
    }

    .paticka{
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .paticka img{
        width: 90px;
    }

    .lightbox{
        padding: 16px;
    }
}


    #Menu a{
        font-size: 18px;
    }

    .kariera-detail{
        padding: 56px 0 72px;
    }

    .kariera-detail .zpet{
        margin-bottom: 28px;
    }

    .kariera-detail-text,
    .kariera-detail-benefity{
        padding: 24px;
    }

    .kariera-perex{
        font-size: 19px;
    }


    .obory{
        grid-template-columns: 1fr;
    }

    .hlavni-kontakt{
        grid-template-columns: 1fr;
    }

    .sidlo-foto{
        min-height: 240px;
    }

    .sidlo-text{
        padding: 26px;
    }

    .paticka-znacka{
        width: 200px;
    }

    .paticka-znacka img{
        width: 200px;
        max-width: 100%;
        height: auto;
    }
    .profil-foto{
        width: 100%;
        height: 190px;
        margin: 0;
        border-radius: 0;
        object-fit: cover;
        object-position: center;
    }


    .kontakt-osoba a:last-child{
        margin-bottom: 26px;
    }

    .kontakt-vyzva{
        margin-top: 24px;
        padding-top: 22px;
    }

    .kontakt-vyzva strong{
        font-size: 19px;
    }