/* https://getbootstrap.com/ */

html {
    scroll-padding-top: 72px !important; /* height of sticky header important for scrollspy! */
}

@media (min-width: 992px){
    .bd-layout {
        grid-template-columns:  1fr 2fr;/* 1fr 5fr;*/
    }
}
@media (min-width: 768px) {
    .bd-layout {
        display: grid;
        gap: 1.5rem;
        grid-template-areas: "sidebar main";
        grid-template-columns: 1fr 2fr;/* 1fr 3fr;*/
    }
}
@media (min-width: 768px) {
    .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
}
.bd-sidebar {
    grid-area: sidebar;
}
.collapse:not(.show) {
    display: none;
}
@media (min-width: 768px) {
    .bd-links {
        position: -webkit-sticky;
        position: sticky;
        top: 5rem;
        display: block !important;
        /*height: calc(100vh - 7rem);*/
        padding-left: 0.25rem;
        margin-left: -0.25rem;
        overflow-y: auto;
    }
}
.bd-links {
    overflow: auto;
}