html{box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}h1{font-size:2em;line-height:1.4em;text-align:center;padding:.5em}section{zoom:1;position:relative;height:auto}section:after,section:before{content:"";display:table}section:after{clear:both}section h4{background:rgba(228,228,228,0.86);cursor:pointer;border-top:0;padding:15px 20px}@media screen and (min-width:600px){section h4{position:relative;width:33.333333333333336%;height:20%;display:block}}section ul{zoom:1;position:relative;height:auto;min-height:100%;border-left:0;display:none}section ul:after,section ul:before{content:"";display:table}section ul:after{clear:both}section ul li{list-style:circle}@media screen and (min-width:600px){section ul{position:absolute;width:66.66666666666667%;right:0;top:0;padding:15px 30px}}section .active{cursor:default;border-right:0}@media screen and (min-width:600px){section .active{background:#fff;border-right:1px solid rgba(0,0,0,0)}}section>ul{background:#fff}section .active+ul{display:block}