@media(max-width: 576px) {
    .col-sm-4 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 33.33%;
        max-width: 33.666667%;
    }
}

/* sm */
@media(min-width: 576px) {

    .col-sm-4 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 33.33%;
        max-width: 33.666667%;
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* md */
@media (min-width: 850px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-4 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 33.33%;
        max-width: 33.666667%;
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 850px) {

    .col-md-collapse {
        display: none;
    }
    .contacts-row {
        flex-basis: 20em;
    }
    .services-row {
        margin-top: 0em;
    }

    .main-row .scene {
        height: 100vh;
        width: 100vw;
    }
}