.toolbar{position:fixed;width:100%;height:80px;background:#f5fffa;padding:0;margin:0;z-index:1}.toolbar.active{left:20%}.toolbar .open{display:inline-block;float:left;width:5%;height:100%;padding:0;margin:0;z-index:2}.toolbar .open img{width:100%;height:100%;cursor:pointer;padding:0;margin:0}.toolbar .open img:hover{margin:1em;width:80%;height:80%;border:2px dotted grey;border-radius:1em}.toolbar .menu1,.toolbar .menu2,.toolbar .menu-icon .nav{position:relative;float:left;top:calc(50% - 1.8rem);padding:0;margin:0}.toolbar .menu1 ul li a,.toolbar .menu2 ul li a{float:left;font-size:1.8rem;color:#000;font-weight:lighter;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;border:1px solid grey;padding:.3em 1em;margin-left:-1px}.toolbar .menu1 ul li a:hover,.toolbar .menu2 ul li a.active,.toolbar .menu2 ul li a:hover{color:#fff;background-color:grey;border:1px dotted grey}.toolbar .menu1 ul li:first-child a,.toolbar .menu2 ul li:first-child a{border-radius:.8em 0 0 .8em}.toolbar .menu1 ul li:last-child a,.toolbar .menu2 ul li:last-child a{border-radius:0 .8em .8em 0}.toolbar .menu2{padding:0;margin:0 0 0 25px}.toolbar .menu2 ul{list-style:none;padding:0;margin:0}.toolbar .menu2 ul li{display:inline;padding:0;margin:0}