/* Burger Button */
.burgerbutton {
    display: inline-block;
    width: 43px;
    height: 26px;
    cursor: pointer;
    position: relative;
    z-index: 5
}

.burgerbutton span {
    width: 100%;
    transition: .5s cubic-bezier(.175, .885, .32, 1.275);
    height: 3px;
    border-radius: 2px;
    background: #fff;
    position: absolute;
    right: 0;
    margin: 0 auto;
    transform: rotate(0)
}

.burgerbutton span:first-child {
    top: 0;
    right: 0;
    width: 75%
}

.burgerbutton span:nth-child(2) {
    top: 10px;
    right: 0;
    width: 90%
}

.burgerbutton span:nth-child(3) {
    top: 20px;
    right: 0;
    width: 55%
}

body.menu-active .burgerbutton span:first-child {
    top: 10px;
    transform: rotate(-45deg)
}

body.menu-active .burgerbutton span:nth-child(2) {
    width: 0%
}

body.menu-active .burgerbutton span:nth-child(3) {
    top: 10px;
    width: 70%;
    transform: rotate(45deg)
}