#hamburger.active span:first-of-type {
    transform: rotate(-135deg);
    top: 50%;
}

#hamburger.active span:last-of-type {
    transform: rotate(135deg);
    top: 50%;
    width: 100%;
}