body {
    padding: 0;
    margin: 0;
    padding-top: 4em;
    background-color: #F4F4F4;
}
/*    background: #222622 url("bg.png");*/

article {
    background-color: white;
/*    margin: auto;
    margin-top: 1em;
    width: 80%;
*/
    border: solid 1px rgba(160, 160, 160, 0.3);
    padding: 1.5em 1.5em 1em 1.5em;
}
.center {
    text-align: center;
}

.anchor:before {
    display: block;
    content: " ";
    margin-top: -3em;
    height: 3em;
    visibility: hidden;
}
/*
a.anchor {
    /* it must be a block to not snap to another element *
    display: block;
    visibility: hidden;
    /* compensate for nav bar size *
    position: relative;
    top: -2em;
}
*/

img.center {
    margin-left: auto;
    margin-right: auto;
}
img.cert {
    width: 90%;
}
img.large {
    display: block;
    border: solid 1px rgba(0,0,0,0.2);
    margin: auto;
    width: 90%;
}
img.medium {
    display: block;
    border: solid 1px rgba(0,0,0,0.2);
    width: 60%;
}
img.small {
    border: solid 1px rgba(0,0,0,0.2);
    width: 30%;
}