body.LayoutContent {
    article {
        @extend .row;
        @extend .col-12;

        & > header {
            @extend .col-12;
            @extend .order-xl-1;
        }
        & > aside {
            @extend .col-12;
            @extend .col-xl-4;
            @extend .order-xl-3;
        }
        & > main {
            @extend .col-12;
            @extend .col-xl-8;
            @extend .order-xl-2;
        }
    }
}

@media (max-width: 1023px) {
    body.LayoutContent {
        article,
        article > main {
            padding-right: 0;
        }
    }
}