section {
    margin-bottom: 3em;
}

.link {
    padding-top: 1em;
    font-family: sans-serif;
    text-align: right;
}

.link a {
}

@media (max-width: 960px) {
    html {
        font-size: 100%;
    }

    #container {
        padding: 1.5rem;
    }
}

@media (min-width: 961px) {
    html {
        font-size: 120%;
    }

    #container {
        width: 760px;
        margin: 0 auto;
        padding: 1.5rem;
    }
}

ol {
    counter-reset: section;
    padding: 0px 0px 0px 30px;
}
li {
    list-style: none;
}
ol>li:before {
    display: table-cell;
    content: counters(section, '.') '. ';
    counter-increment: section;
    padding: 0px 5px;
}

li>span {
    display: table-cell;
    padding: 0px 5px;
}

body {
    margin: 0px 20px;
}