#nav-icon{width:30px;height:20px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}#nav-icon span{display:block;position:absolute;height:.2rem;width:100%;background:#000;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#nav-icon span:nth-child(1){top:0}#nav-icon span:nth-child(2),#nav-icon span:nth-child(3){top:.55rem}#nav-icon span:nth-child(4){top:1.1rem}#nav-icon.open span:nth-child(1){top:18px;width:0%;left:50%}#nav-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#nav-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#nav-icon.open span:nth-child(4){top:18px;width:0%;left:50%}header.maxi #nav-icon span{height:.3rem!important}header.maxi #nav-icon{width:38px!important;height:27px!important}header.maxi #nav-icon span:nth-child(2),header.maxi #nav-icon span:nth-child(3){top:.68rem!important}header.maxi #nav-icon span:nth-child(4){top:1.36rem!important}