main{background:0;border-radius:10px;padding:10px 0;box-shadow:none;margin:40px auto;margin-top:10px;margin-bottom:0;max-width:1200px}
#footer{padding-left:100px}
.toccontainer{width:100%}
.toccontainer[data-columns]::before{content:'3 .column.size-1of3'}
.column{float:left}
.size-1of4{width:33.33%}
.toccontainer .tocitem{border:1px solid #e1e1e1;width:360px;margin:0 1em 2em 1em;padding:10px 20px 15px;background-color:#fff;height:100%;border-left:2px solid #0f64cd}
.tocitem .mainentry{font-size:32px;font-weight:300;line-height:1.2em}
.tocitem .subentry:nth-child(2){margin-top:.5em}
.tocitem .subentry{font-size:16px;font-family:Source Sans Pro;font-weight:400}
.subentry a{display:block;padding:4px}
.subentry a:hover{color:#0f64cd}
.toccontainer .tocitem.tocitemcolor1{border-left-color:#0f64cd}
.toccontainer .tocitem.tocitemcolor2{border-left-color:#22befa}
.toccontainer .tocitem.tocitemcolor3{border-left-color:#ff64b3}
.toccontainer .tocitem.tocitemcolor4{border-left-color:#50e3c2}
.toccontainer .tocitem.tocitemcolor5{border-left-color:#b8e9e6}
.toccontainer .tocitem.tocitemcolor6{border-left-color:#f5c823}
.toccontainer .tocitem.tocitemcolor7{border-left-color:#c0a9e6}
.toccontainer .tocitem.tocitemcolor8{border-left-color:#f2b4d3}
.toccontainer .tocitem.tocitemcolor9{border-left-color:#b2d7ff}
.mainentry a{color:#333;font-size:26px}
.mainentry a:hover{color:#0f64cd}
@media(min-width :320px) and (max-width :800px){main{margin:0;padding:0;width:100%;max-width:100%}
.column{width:100%;float:none}
.toccontainer{display:block;width:100%;margin:0;padding:1px 5px 5px 5px;box-sizing:border-box;border:0}
.toccontainer .tocitem{padding:10px 20px;margin:5px 0;width:100%}
.toccontainer .tocitem:last-child{margin-bottom:0}
.tocitem .mainentry{font-size:24px;line-height:1em}
.mainentry a{font-size:18px}
.tocitem .subentry{font-size:14px}
.tocitem .subentry:nth-child(2){margin-top:.5em}
.subentry a{padding:4px 0}
}