.cbp-spmenu{ background:rgb(20,20,20); position:fixed; border-right:2px solid white}.cbp-spmenu h3{ color:rgb(50,50,50); font-size:1.9em; padding:15px 10px; margin:0; font-weight:300; background:rgb(250,250,250); border-bottom:1px solid black}.cbp-spmenu a{ display:block; color:rgb(250,250,250); font-size:1.1em; font-weight:300}.cbp-spmenu a:hover{ background:white; color:black}.cbp-spmenu a:active{ background:black; color:white}.cbp-spmenu-vertical{ width:238px; height:100%; top:0; z-index:1000}.cbp-spmenu-vertical a{ border-bottom:1px solid white; padding:1em}.cbp-spmenu-horizontal{ width:100%; height:150px; left:0; z-index:1000; overflow:hidden}.cbp-spmenu-horizontal h3{ height:100%; width:20%; float:left}.cbp-spmenu-horizontal a{ float:left; width:20%; padding:0.8em; border-left:1px solid #258ecd}.cbp-spmenu-left{ left:-240px}.cbp-spmenu-right{ right:-240px}.cbp-spmenu-left.cbp-spmenu-open{ left:0px}.cbp-spmenu-right.cbp-spmenu-open{ right:0px}.cbp-spmenu-top{ top:-150px}.cbp-spmenu-bottom{ bottom:-150px}.cbp-spmenu-top.cbp-spmenu-open{ top:0px}.cbp-spmenu-bottom.cbp-spmenu-open{ bottom:0px}.cbp-spmenu-push{ overflow-x:hidden; position:relative; left:0}.cbp-spmenu-push-toright{ left:240px}.cbp-spmenu-push-toleft{ left:-240px}@media screen and (max-width:1100px){ .cbp-spmenu, .cbp-spmenu-push{ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease}}@media screen and (max-width:55.1875em){ .cbp-spmenu-horizontal{ font-size:75%; height:110px} .cbp-spmenu-top{ top:-110px} .cbp-spmenu-bottom{ bottom:-110px}}@media screen and (max-height:26.375em){ .cbp-spmenu-vertical{ font-size:90%; width:198px} .cbp-spmenu-left, .cbp-spmenu-push-toleft{ left:-200px} .cbp-spmenu-right{ right:-200px} .cbp-spmenu-push-toright{ left:200px}}