.accordion{margin:0 auto}.sub-hamburger>label{display:block;margin-bottom:10px}input[type=checkbox].hidden{display:none}.rotate{padding:0;margin:0;line-height:20px;width:13px;position:absolute;display:inline-block;transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;-webkit-transition:all 1s ease}header,nav{position:fixed}#content,nav li{position:relative}.accordion>input{display:none}.accordion>div{max-height:0;overflow:hidden;border-bottom:1px solid gray;border-left:1px solid gray;border-right:1px solid gray;-webkit-transition:all ease-in-out 1s;-moz-transition:all ease-in-out 1s;-o-transition:all ease-in-out 1s;transition:all ease-in-out 1s}#contentLayer,nav{height:100%;overflow-x:hidden;overflow-y:auto;top:0}.accordion>input:checked+label+div{max-height:500px}.accordion>div>*{margin:10px}.accordion>input:checked+label{background-color:rgba(19,14,109,.21)}.accordion>label{background-color:rgba(19,14,109,.08);border:1px solid gray;color:#000;cursor:pointer;font-weight:700;padding:4px 10px}nav li a,nav li a:hover,nav li a:visited{color:#fff}body,nav ul{margin:0;padding:0}input[name=accordion1]~.rotate{transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0)}input[name=accordion1]:checked~label .rotate{transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg)}html{overflow-y:scroll}body{overflow-x:initial}header{background-color:#3b5998;padding:10px;text-decoration:none;width:100%;z-index:1;-webkit-box-shadow:0 3px 7px 0 rgba(0,0,0,.4);box-shadow:0 3px 7px 0 rgba(0,0,0,.4)}#content{background-color:#FFF;width:auto;height:100%;-webkit-box-shadow:-10px 0 9px 0 rgba(0,0,0,.4);box-shadow:-10px 0 9px 0 rgba(0,0,0,.4)}nav{opacity:0;left:0;z-index:0;width:70%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#3e3c3d;background:-moz-linear-gradient(top,#3e3c3d 0,#2d2c2d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3e3c3d),color-stop(100%,#2d2c2d));background:-webkit-linear-gradient(top,#3e3c3d 0,#2d2c2d 100%);background:-o-linear-gradient(top,#3e3c3d 0,#2d2c2d 100%);background:-ms-linear-gradient(top,#3e3c3d 0,#2d2c2d 100%);background:linear-gradient(to bottom,#3e3c3d 0,#2d2c2d 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#3e3c3d', endColorstr='#2d2c2d', GradientType=0)}nav ul{list-style:none;width:100%}nav li{font-size:1em;font-weight:700;border-bottom:1px solid #222;border-top:1px solid #444;padding:15px}nav li a{text-decoration:none}#contentLayer{display:none;position:absolute;right:0;width:30%;z-index:5}.sub-hamburger{display:none;float:left;width:100%;text-align:center}@media only screen and (max-width:768px){.sub-hamburger{display:block}#hamburger span,#hamburger span:after,#hamburger span:before{cursor:pointer;border-radius:1px;height:4px;width:25px;background:#9C1D21;position:absolute;top:15px;display:block;content:'';transition:all 150ms ease-in-out}#hamburger span:before{top:-8px}#hamburger span:after{top:8px}#hamburger.active span{background-color:transparent}#hamburger.active span:after,#hamburger.active span:before{top:0}#hamburger.active span:before{transform:rotate(45deg)}#hamburger.active span:after{transform:rotate(-45deg)}}