.header,.header ul{background-color:#343433}.header .logo,.header li a{text-decoration:none;display:block}.header{box-shadow:1px 1px 4px 0 rgba(0,0,0,.1);position:fixed;width:100%;z-index:5}.header ul{margin:0;padding:0;list-style:none;overflow:hidden}.header li a{padding:8px 20px}.header .menu-btn:hover,.header li a:hover{background-color:#f4f4f4}.header .logo{float:left;font-size:2em;padding:1px 50px}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor: pointer;
    display: inline-block;float: right;padding: 15px 10px;position: relative;user-select: '';margin-top: 15px;}.header .menu-icon .navicon{background:#fff;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#fff;content:'';display:block;height:100%;position:absolute;transition:.2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{min-height:250px!important}.header .menu-btn:checked~.menu-icon .navicon{background:0 0}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}@media (min-width:48em){.header li{float:left}.header li a{padding:20px 30px}.header .menu{clear:none;float:right;max-height:none}.header .menu-icon{display:none}}