#stc-page {
    position: relative;
    /* background-color: var(--color-primary); */
    /* overflow-x: hidden; */
}

#stc-content {
    display: grid;
    /* grid-template-columns: 250px 1fr; */
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    min-height: 100vh;
}


.stc-sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
}

.stc-dashboard {
    grid-row: 1 / -1;
    grid-column: 1;
    margin-bottom: var(--footer-height);
    width: calc(100% - 250px);
    margin-left: auto;
}

.stc-footer {
    height: var(--footer-height);
    position: fixed;
    width: calc(100% - 250px);
    bottom: 0;
    right: 0;
    
}

@media screen and (max-width: 991px) {
    #stc-content  {
        grid-template-columns: 1fr;
        grid-template-rows:  auto 1fr;
    }

    .stc-sidebar  {
        grid-row: 1 ;
        grid-column: 1;
        margin-bottom: 0;
        position: relative;
        width: 100%;
    }

    .stc-dashboard {
        grid-row: 2;
        grid-column: 1;
        width: 100%;
    }

    .stc-footer {
        width: 100%;
    }

}