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

    :root {
        --spacing: 32px;
        --f-title: 50px;
        --f-text: 28px;
    }
    /* .window {
        flex-direction: column;
    }
    .window-section {
        width: 100%;
        min-height:  calc(50vh - var(--menu-height));
    }
    .images {
        order: -1;
    } */
    .footer-block {
        width: 50%;
    }
}
@media (max-width: 960px) {
    :root {
        --spacing: 24px;
        --f-title: 46px;
        --f-text: 24px;
        --f-caption: 14px;

    }
    .footer {
        flex-direction: column;
    }
    .footer-block {
        width: 100%;
    }
    .window {
        flex-direction: column;
        min-height: auto;
    }
    .window-section {
        width: 100%;
        min-height:  calc(50vh - var(--menu-height));
    }
    .page-service {
        min-height: auto;
    }
    .images {
        order: -1;
        max-height:  calc(50vh - var(--menu-height));
    }
    .content {
        order: 2;
        min-height: auto;
    }
}