#overlay{display:-webkit-box;display:-ms-flexbox;display:flex;display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#19203f;z-index:100;flex-wrap:wrap}#overlay .header-nav{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:flex-start}#overlay ul{list-style:none;margin:0;padding:0;color:white;text-align:center}#overlay.slide-menu{display:block}#nav-icon{position:relative;margin:0 auto;height:40px;z-index:10;cursor:pointer;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}#nav-icon span{position:absolute;display:block;width:40px;height:7px;background:#c41617;border-radius:0px;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}#nav-icon span:nth-child(1){top:0px}#nav-icon span:nth-child(2){top:14px}#nav-icon span:nth-child(3){top:27px}#nav-icon.animate-icon span:nth-child(1){top:15px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}#nav-icon.animate-icon span:nth-child(2){opacity:0;left:-60px}#nav-icon.animate-icon span:nth-child(3){top:15px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}