index-main/assets/css/template/_folder.scss

.content-folder{
    // max-width: 1300px;
    max-width: var(--max-w-cards);
    margin: 0 auto;
    display: grid;
    grid-gap: calc(var(--padding-body)*1.5);
    // grid-template-columns: 60% cacl(40% - var(--padding-body)*1.5);

    position: relative;
    
    .container-cards{
        display: block;
        align-self: start;
    }

    #section__investigations article{
        margin-bottom: calc(var(--spacing)*1);
    }
    

    .container__title{
        font-weight: normal;
        font-size: var(--fs-normal);
        text-transform: uppercase;
        margin-bottom: calc(var(--spacing)*0.75);
    
    }



   
    @media #{$medium}{
        #section__investigations{
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: calc(var(--padding-inner)*1.5)!important;
            margin-bottom: calc(var(--spacing)*3);
            article{ margin-bottom: 0px;}
            .container__title{
                grid-column: span 2;
                margin-bottom: 0px;
            }
        }
        section:target{
            padding-top: calc(var(--header-h) + var(--spacing));
    
        }
    
    }

    @media #{$medium-up}{
        #nav-folder{ display: none; }
        grid-template-columns: 1fr 1fr;
        #section__investigations{
            display: block;
            margin-bottom: 0px;
            article{
                margin-bottom: calc(var(--spacing)*1);
            }
        }
    }


    @media #{$small}{
        display: block;
        #section__investigations{
            display: block;
        }
        .container__title{
            margin-bottom: calc(var(--spacing)*0.5)!important;
        }
    }

}


#nav-folder{ 
    display: flex; 
    margin-top: calc(var(--spacing)*-1);
    margin-bottom: calc(var(--spacing)*2);

    svg{
        width: 10px;
        height: 10px;
        transform: rotate(90deg);
    }
}
@media #{$medium-up}{
    #nav-folder{ display: none;}
}