.bd-gutter {
    /* --bs-gutter-x: 3rem */

}

/* @media (min-width: 992px) {
    .bd-layout {
        display:grid;
        grid-template-areas: "sidebar main";
        grid-template-columns: 1fr 5fr;
        gap: 1.5rem;
    }
} */

.bd-sidebar {
    grid-area: sidebar
}

@media (min-width: 992px) {
    .bd-sidebar {
        position:-webkit-sticky;
        position: sticky;
        top: 5rem;
        display: block !important;
        height: calc(100vh - 6rem);
        padding-left: .25rem;
        margin-left: -.25rem;
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .bd-sidebar .offcanvas-lg {
        border-right-color:var(--bs-border-color);
        box-shadow: 0 1rem 3rem rgba(0,0,0,0.175)
    }
}


.bd-main {
    grid-area: main;
    
    background-image: url("assets/img/wallpaper.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;    
}

/* @media (max-width: 991.98px) {
    .bd-main {
        max-width:760px;
        margin-inline:auto;
    }
}

@media (min-width: 768px) {
    .bd-main {
        display:grid;
        grid-template-areas: "intro" "toc" "content";
        grid-template-rows: auto auto 1fr;
        gap: inherit;
    }
}

@media (min-width: 992px) {
    .bd-main {
        display:grid;
        grid-template-areas:"intro   toc" "content toc";
        grid-template-rows: auto 1fr;
        grid-template-columns: 4fr 1fr
    }
} */