.hamburger{cursor:pointer;height:20px;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;width:48px;z-index:11}.hamburger .line{background:#fff;display:block;height:3px;opacity:1;position:absolute;right:0;transform:rotate(0deg);transition:.25s ease-in-out;width:100%}.hamburger .line:first-child{top:0}.hamburger .line:nth-child(2),.hamburger .line:nth-child(3){top:10px}.hamburger .line:nth-child(4){top:20px}.hamburger.open .line{background:#000}.hamburger.open{position:fixed;right:1rem}.hamburger.open .line:first-child{right:50%;top:10px;width:0}.hamburger.open .line:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.hamburger.open .line:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger.open .line:nth-child(4){right:50%;top:10px;width:0}