body {
        color: #222222;
        background-color: #EEEEEE;
        font-family: 'Trebuchet MS', sans-serif;
    }
    h1 {}
    h2 { font-size: 1.2em; }
    a { color:#3277b3; text-decoration:none; word-wrap: break-word; }
    #page{
        background-color: #FFFFFF;
        width: 60%;
        margin: 24px auto;
        padding: 12px;
    }
    #header {
        padding: 6px ;
        text-align: center;
    }
    .status3xx { background-color: #475076; color: #FFFFFF; }
    .status4xx { background-color: #C55042; color: #FFFFFF; }
    .status5xx { background-color: #F2E81A; color: #000000; }
    #content {
        padding: 4px 0 24px 0;
    }
    .mathblock {
    border-style: dashed;
    border-width: 2px;
    padding: 10px;
    background-color: #FBFBFB;
    }
    #footer {
        color: #666666;
        background: #f9f9f9;
        padding: 10px 20px;
        border-top: 5px #efefef solid;
        text-align: center;
    }
    #footer a {
        color: #717171;
    }

    #copyright {
    font-size: small;
    text-align: center;
    margin-top: 15px;
    }

@media (max-width: 576px) {
    #page{
        width: 100%;
    }
    li {
    padding-bottom: 10px;
    }
}