#screenshot {
    float: right;
    margin: 1em;
}

#table-of-contents {
    float: left;
    /* clear: left; */
    margin: 1.5em;
}

.box {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    border: 5px solid;
    border-radius: 1em;
    display: inline-block;
    width: 30%;
    padding: 1ex;
    margin: 1ex;
    vertical-align: top;

    box-shadow: 1ex 1ex 1ex rgba(0,0,0,0.5);
}

.box h2 {
    font-family: sans-serif;
    text-align: center;
}

@media (max-width: 50em) {
    .box {
	display: block;
	width: auto;
    }
}