#leftmenu{
    display: none;
}
@media (min-width:768px){
    #leftmenu{
        float: left;
        max-width: 250px;
        width: 250px;
        height: 100vh;
        min-height: 400px;
        overflow: auto;
        background: #000;
        padding: 15px;
        text-align: left;
        position: fixed;
        left: 0;
        display: block;
    }
    #rightmenu{
        float: right;
        max-width: 350px;
        width: 350px;
        height: 100vh;
        min-height: 400px;
        overflow: auto;
        background: #000;
        padding: 60px 1em 1em 1em;
        text-align: left;
        position: fixed;
        right: 0;
        top: 0;
        
    }

    #pagearea{
        max-width: 900px;
    }
}


#logo{
    max-width: 140px;
    margin: 0 auto;
    display: block;
}
#mod-page img.semlight{
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: block;    
}

.h1, h1 {
    font-size: 2rem;
}