header{background-color:#20291e;font-family:"Alegreya",serif;width:100%;position:fixed;overflow:auto;z-index:3;box-shadow:0 4px 6px -6px #20291e}header a{color:#f5f5f5}.header{height:100%;padding:0 5%;margin:0 auto;overflow:hidden;border-bottom:1px solid #f5f5f5}.header ul{margin:0;padding:0;list-style:none;background-color:#20291e}.header li a{display:block;padding:20px 20px;text-decoration:none;outline:0;animation:1s ease-out 0s 1 slideInFromRight}.header .logo:hover,.header li a:hover,.header .menu-btn:hover{color:#d3d3d3}.header .logo{outline:0;display:block;float:left;font-size:2em;padding:10px 20px 7px 20px;text-decoration:none;animation:1s ease-out 0s 1 slideInFromLeft}.header .menu{clear:both;max-height:0;transition:max-height 0.2s ease-out}.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:33px 20px;position:relative;user-select:none}.header .menu-icon .navicon{background:#f5f5f5;display:block;height:2px;position:relative;transition:background 0.2s ease-out;width:18px;animation:1s ease-out 0s 1 slideInFromRight}.header .menu-icon .navicon:before,.header .menu-icon .navicon:after{background:#f5f5f5;content:"";display:block;height:100%;position:absolute;transition:all 0.2s ease-out;width:100%;animation:1s ease-out 0s 1 slideInFromRight}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:500px}.header .menu-btn:checked~.menu-icon .navicon{background:transparent}.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:before,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after{top:0}@media (min-width:810px){.header li{float:left}.header li a{padding:20px 30px}.header .menu{clear:none;float:right;max-height:none}.header .menu-icon{display:none}}