#menu-toggle span {
    display: block;
    background: #000;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
}
#menu-toggle *{
    -webkit-transition: 250ms ease;
    transition: 250ms ease;
}
#menu-toggle {
    position: absolute;
    width: 100%;
    height: 50px;
    cursor: pointer;
    border-radius: 5px;
    z-index: 4;
    box-shadow: 0px 6px 14px rgb(110 109 117 / 16%);
}

#menu-toggle #hamburger {
    position: fixed;
    height: 5%;
    width: 100%;
    background: #fff;
    box-shadow: 0px 6px 14px rgb(110 109 117 / 16%);

}

#menu-toggle #hamburger span {
    width: 40px;
    height: 2px;
    position: relative;
    top: 0;
    left: 0;
    margin: 13px 15px;
}

#menu-toggle #hamburger span:nth-child(1) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

#menu-toggle #hamburger span:nth-child(2) {
    -webkit-transition-delay: .625s;
    transition-delay: .625s;
}

#menu-toggle #hamburger span:nth-child(3) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s;
}

#menu-toggle #cross {
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}

#menu-toggle #cross span:nth-child(1) {
    height: 0;
    width: 4px;
    position: absolute;
    top: 11px;
    left: 19px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

#menu-toggle #cross span:nth-child(2) {
    width: 0;
    height: 4px;
    position: absolute;
    left: 0;
    top: 29px;
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
}

#menu-toggle.open #hamburger span {
    width: 0;
}

#menu-toggle.open #hamburger span:nth-child(1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

#menu-toggle.open #hamburger span:nth-child(2) {
    -webkit-transition-delay: .125s;
    transition-delay: .125s;
}

#menu-toggle.open #hamburger span:nth-child(3) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
}

#menu-toggle.open #cross span:nth-child(1) {
    height: 80%;
    -webkit-transition-delay: .625s;
    transition-delay: .625s;
}

#menu-toggle.open #cross span:nth-child(2) {
    width: 80%;
    -webkit-transition-delay: .375s;
    transition-delay: .375s;
}