header {
    grid-area: H;
}
#logo {
    grid-area: L;
}
#pagetitle {
    grid-area: T;
}
footer {
    grid-area: F;
}
#sitemap1 {
    grid-area: s1;
}
#sitemap2 {
    grid-area: s2;
}
#sitemap3 {
    grid-area: s3;
}
#sitemap4 {
    grid-area: s4;
    border-bottom: solid 1px gray;
}



#grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-template-areas: "H" "T" "s1" "s2" "s3" "s4" "L" "F" "E";
    margin: 0 1vw;
}

#sitemap1 ul,
#sitemap2 ul,
#sitemap3 ul,
#sitemap4 ul
 {
    padding-left: 2rem;
    font-size: 1rem;
    line-height: 2rem;
}






@media screen and (min-width: 800px) {
    #grid {
        /* margin: auto; */
        max-width: 1200px;
        grid-template-columns: repeat(4, 1fr);
        grid-template-areas: "H H H L" "T T T T" "s1 s2 s3 s4";
    }
    #sitemap1 {
        min-height: 750px;
    }
    #sitemap4 {
        border-bottom: none;
    }
    #sitemap1 ul,
    #sitemap2 ul,
    #sitemap3 ul,
    #sitemap4 ul
     {
        padding-left: 1rem;
        font-size: 1rem;
        line-height: 1.6rem;
    }

    footer {
        grid-area: s4;
        align-self: end;
    }
}