.main-content-aside {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    position: relative
}

    .main-content-aside.top-padding {
        padding: 0
    }

    .main-content-aside .aside-area {
        grid-column: 1/1;
        grid-row: 2/2;
        width: 100%
    }

        .main-content-aside .aside-area .aside-menu-root {
            padding: 0px;
            margin: 0px;
            list-style: none;
            padding: 10px 18px 10px 20px;
            background: #f4f4f4;
            font-weight: 600;
            color: #111
        }

            .main-content-aside .aside-area .aside-menu-root li.active-page > a {
                background-color: var(--brand-color);
                color: #fff
            }

            .main-content-aside .aside-area .aside-menu-root li.active-page-parent > a {
                background-color: #fff
            }

            .main-content-aside .aside-area .aside-menu-root li ul {
                list-style: none;
                padding: 0 0 0 15px
            }

                .main-content-aside .aside-area .aside-menu-root li ul > li > a {
                    border-bottom: 1px dashed #d8d8d8;
                    padding: 10px 5px;
                    font-weight: 400
                }

            .main-content-aside .aside-area .aside-menu-root li a {
                border-bottom: 1px solid #d8d8d8;
                padding: 10px;
                display: block;
                color: inherit;
                text-decoration: none;
                min-height: 46px;
                align-content: center;
            }

    .main-content-aside .main-content {
        grid-column: 1/1;
        grid-row: 1/1;
        padding: 0 .5rem
    }

@media(799px < width) {
    .main-content-aside {
        grid-template-columns: minmax(auto, 25%) 1fr;
        column-gap: 2em
    }

        .main-content-aside.top-padding {
            padding: 50px 0 100px
        }

        .main-content-aside .aside-area {
            width: 100%;
            grid-row: 1/3
        }

            .main-content-aside .aside-area .aside-menu-root {
                position: relative
            }

        .main-content-aside .main-content {
            grid-column: 2/2
        }
}