$sidebar_width: 20%;
$sidebar_background: rgba(255, 0, 0, .1);
$body_background: rgba(0, 255, 0, .1);

body {
    margin: 0;
    nav {
        height: 100%;
        position: fixed;
        width: $sidebar_width;
        background: $sidebar_background;
        padding-top: 32px;
        padding-bottom: 16px;
        img {
            width: 100%;
        }
        div {
            padding: 0 16px 0 16px;
        }
    }
    main {
        height: 100%;
        box-sizing: border-box;
        margin-left: $sidebar_width;
        background: $body_background;
        padding-top: 50px;
        article {
            margin: auto;
            border: 1px solid blue;
            padding: 16px;
            max-width: 1000px;
        }
    }
}

@media screen and (max-width: 1000px) {
    @import "mobile.scss";
}