// reset
body,h1,h2,h3,h4,h5,h6,ul {
//    margin:0;
//    padding:0;
}
html,body {
    height:100%;
    margin:0;
    padding:0;
}



.content_element_page.wall {
    
    a.content_element_box {
        float: left;
    }
    &:after {
        content:"";
        display: block;
        clear: both;
    }
    div.content_element_box {
        height:100px;
    }
}

#page-wrap {
    display: grid;
    grid-template-columns:250px auto;
    grid-template-rows:200px 100fr 3em;
    height:100vh;
    overflow: hidden;
    max-width:1300px;
    margin:0 auto;
    
    >header {
        grid-column:1 / -1;
    }
    #main-nav {
        grid-column:1 / span 1;
        grid-row:2 / -1;
    }
    
    #content {
        grid-column: 2 / -1;
        grid-row: 2 / 3;
        overflow-y: auto;
    }
    #main-footer {
        grid-column: 2 / -1;
        grid-row: -2 / -1;
    }
}


#main-nav {
    .level2 .away ul {
        display: none;
    }
}

#content {
    img {
        max-width: 100%;
    }
}