/* RESPONSIVE */
/**********************************************/

@media screen and (max-width:1360px) {
    
    :root {
        font-size: min(max(6px, 1vw), 12px);
        /* don't touch this */   
        --pisha-col-6: 100%;
        --pisha-col-9: 100%;

    .stratum {

        padding: 0 2rem;
    }

}



@media screen and (max-width: 600px) {
    /* SMALLER SCREENS */
    
    :root {
        font-size: min(max(6px, 2vw), 12px);

        /* 3-col responsive */
        --pisha-col-3: 100%;
        --pisha-gutter: 5%;
        --pisha-col-1: 30%;
        --pisha-col-2: 65%;

    }

    .page-header {

        height: 100vw;
    }

}