#page{
    width:100vw;
    overflow-x: hidden; 
    max-width:100%;
}

.header, .site_footer{
    width:100%;
}

.region,
.content-wrapper, section{
    width: 95vw;
    max-width:920px;
    margin:0 auto;
}

@media screen and (min-width:700px) {
    .region,
    .content-wrapper, section{
    width: 90vw;
    }

    .body-container {
        min-height: calc(100vh - 185px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
}

@media screen and (min-width:1000px) {
    .body-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .column-left {
        width: calc(66% - 5vw);
        margin: 0 5vw;
    }
    .column-left section,.column-left .region,.column-left .content-wrapper{
        width:100%;
    }
    
    .sidebar-wrapper{
        width: 34%;
    }
}

@media screen and (min-width:1200px) {
    .region, .content-wrapper, section {
        width: 80vw;
    }
    .column-left {
        margin: 0 5vw 0 calc(10vw - 4px);
    }
}