a{color:#000}.headernav{position:fixed;width:70%;z-index:3}.headernav ul{list-style:none;margin:0;overflow:hidden;padding:0}.headernav li a{border-right:1px solid #f4f4f4;display:block;padding:20px;text-decoration:none}.headernav .menu-btn:hover,.headernav li a:hover{background-color:#d6d6d6}.headernav .logo{display:block;float:left;font-size:2em;padding:10px 20px;text-decoration:none}.headernav .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.headernav .menu-icon{cursor:pointer;display:inline-block;float:right;padding:28px 20px;position:relative;user-select:none}.headernav .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.headernav .menu-icon .navicon:after,.headernav .menu-icon .navicon:before{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.headernav .menu-icon .navicon:before{top:5px}.headernav .menu-icon .navicon:after{top:-5px}.headernav .menu-btn{display:none}.headernav .menu-btn:checked~.menu{max-height:370px}.header .menu-btn:checked~.menu-icon .navicon{background:transparent}.headernav .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.headernav .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.headernav .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.headernav .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}@media (max-width:767px){.headernav ul{background-color:#fff}.headernav{position:fixed;right:20px;top:12px;width:50%;z-index:3}}@media (min-width:767px){.headernav ul{background-color:#fff}.headernav{position:fixed;right:20px;top:6px;width:50%;z-index:3}}@media (min-width:1024px){.headernav{position:fixed;right:20px;top:28px;width:50%;z-index:3}}@media (min-width:1200px){.headernav{position:fixed;right:12px;top:28px;width:60%;z-index:3}.headernav ul{background-color:transparent}.headernav li{float:left}.headernav li a{padding:20px}.headernav .menu{clear:none;float:left;max-height:none}.headernav .menu-icon{box-shadow:-3px 7px 12px -5px rgba(0,0,0,.2);display:none}}