stupid-chrome.scss

*,
*:before,
*:after {
    box-sizing: border-box;
}

body.demo-6 {
    background-color: #195f80;

    .wrapper {
        margin: 0 auto;
        max-width: 1024px;
        width: 100%;
        background-color: rgba(255, 0, 255, 0.2);
    }

    .main,
    .sidebar {
        border: 20px solid;
        padding: 0.5em ( 20px / 1024px * 100% );
    }

    .main {
        background-color: #FFEECE;
        border-color: #805c19;
    }

    .sidebar {
        background-color: #C6D4F5;
        border-color: #193880;
    }

    @media only all and (min-width: 700px) {

        .wrapper {
            display: flex;
            justify-content: space-between;
        }

        .main {
            width: 61.71875%;
        }

        .sidebar {
            width: 36.328125%;
        }
    }
}