#nav-icon1,#nav-icon2,#nav-icon3,#nav-icon4{width:32px;height:32px;position:relative;margin:0 auto;transform:rotate(0);transition:.5s ease-in-out;cursor:pointer}#nav-icon1 span,#nav-icon3 span,#nav-icon4 span{display:block;position:absolute;height:4px;width:100%;background:#1a3554;border-radius:3px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}#nav-icon4 span:nth-child(1){top:0px;transform-origin:left center}#nav-icon4 span:nth-child(2){top:9px;transform-origin:left center}#nav-icon4 span:nth-child(3){top:18px;transform-origin:left center}#nav-icon4.open span:nth-child(1){transform:rotate(45deg);top:-3px;left:5px;background:#1a3554}#nav-icon4.open span:nth-child(2){width:0%;opacity:0}#nav-icon4.open span:nth-child(3){transform:rotate(-45deg);top:20px;left:5px;background:#1a3554}