#letoudalos {
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin: 0 auto;
}

#letoudalos .letoudalos-desktop,
#letoudalos .letoudalos-mobile {
    display: none;
}

@media (min-width: 769px) {
    #letoudalos .letoudalos-desktop {
        display: block;
    }

    #letoudalos .leto-viewport--desktop {
        width: 100%;
        overflow: hidden;
    }

    #letoudalos .leto-desk-scale {
        width: 1320px;
        margin: 0 auto;
        transform-origin: top center;
    }

    #letoudalos .leto-viewport--desktop {
        height: 2980px;
    }

    @media (max-width: 1319px) {
        #letoudalos .leto-desk-scale {
            transform: scale(calc(100vw / 1320));
        }

        #letoudalos .leto-viewport--desktop {
            height: calc(2980px * (100vw / 1320));
        }
    }
}

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

    #letoudalos .leto-viewport--mobile {
        width: 100%;
        overflow: hidden;
        height: calc(2758px * (100vw / 320));
    }

    #letoudalos .leto-mob-scale {
        width: 320px;
        margin: 0 auto;
        transform: scale(calc(100vw / 320));
        transform-origin: top center;
    }
}