#layout-2col-nw {
    padding-top: 1em;
    max-width: 75em;
    margin: auto;
    
    display: grid;
    grid-template-columns: 13em auto;
    grid-column-gap: 2em;
    grid-template-areas: "n1 w1";
}



@media (max-width: 800px) {
    #layout-2col-nw {
	padding: 0;
	grid-template-columns: auto;
	grid-template-areas: "n1" "w1";
    }

    div.le-content { padding: 0 1em; }
}





#layout-3row-nnw {
    padding: 1em;
    max-width: 90em;
    margin: auto;

    display: grid;
    grid-template-columns: 13em auto 13em;
    grid-template-rows: auto 1fr;
    grid-column-gap: 2em;
    grid-template-areas: "n1 w1 n2";
}


#le-n1 { grid-area: n1; }
#le-n2 { grid-area: n2; }
#le-w1 { grid-area: w1; }

@media screen and (min-width: 800px) and (max-width: 1000px){
    #layout-3row-nnw {
	grid-template-columns: 13em auto;
	grid-template-areas: "n2 w1" "n1 w1";
    }
}

@media screen and (max-width: 800px) {
    #layout-3row-nnw {
	padding: 0;
	grid-template-columns: auto;
	grid-template-areas: "n1" "n2" "w1";
    }

    div.le-content { padding: 0 1em; }
}