#onthispage{display:none}
div#container:after{content:""; display:table; clear:both}
article{margin:0 auto;width:96%}
.column-toc{width:100%}
@media screen and (min-width:680px){
body{font-size:1.0rem}
#container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}
.column-toc{flex:initial;margin-top:12px;width:200px}
.column-content{padding-left:1em}
#onthispage{margin:12px 0 0 12px}
article{width:100%;max-width:45rem;min-width:200px}
}
@media only screen and (min-width:2000px){
body.page-3col #container{margin:0;max-width:950px}
body.page-3col #wrapper{float:left;width:100%}
body.page-3col #content{margin:0 200px 0 130px}
body.page-3col #sidebar{float:left;width:130px;margin-left:-100%}
body.page-3col #extra{float:left;width:200px;margin-left:-200px}
body.page-2col #container{margin:0;max-width:850px}
body.page-2col #content{float:right;width:calc(100% - 130px)}
body.page-2col #sidebar{float:left;width:130px}
body.page-2col #extra{clear:both;width:100%}
}