.site {
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.site__header {
    -ms-flex-negative: 0;
    flex-shrink: 0;    
}

.site__body {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.site__footer {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width: 1200px) {
    .mobile-header,.mobile-menu {
        display:none
    }
}