html, body {
    font-family: sans-serif;
    font-size: 1em;
}

#Logo {
    float:none;
    background:url("/img/logo_mobile.png") top left;
    background-repeat:no-repeat;
    background-position:center;
    width:100%;
    padding-top:35px;
    margin-bottom: 0.5em;
}

#MenuBox {
    float:none;
    padding:0;
    display:block;
    height:auto;
}

#MenuList {
    text-align:center;
    display: block;
    height: auto;
    margin-bottom: 0.75em;
}

#MenuList li {
    display:inline;
    margin:0;
    float:none;
    font-family: monospace;
}

#Background
{
    padding-top: 0.75em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 1em;
    max-width:none;
}

#Content {
    padding-left:0;
    padding-right:0;
    padding-bottom:0.5em;
    padding-top:0.5em;
}

.Separator {
    padding-bottom: 1em;
}

.ContentGroup {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
}

.ContentGroup h2 {
    margin-top: 0.5em;
}

.ContentGroup a {
    word-break:break-word;
}

h1 {
    font-size: 1.4em;
    font-family: monospace;
}

h2 {
    font-size: 1.3em;
    font-family: monospace;
}