/*
.menu-icon {
    position: relative;
    z-index: 5;
    display: none;
    display: block;
    width: rem(30);
    height: rem(18);

    @media (any-hover: none) {
        cursor: default;
    }

    span,
    &::before,
    &::after {
        position: absolute;
        right: 0;
        width: 100%;
        height: rem(2);
        content: '';
        background-color: #000;
        border-radius: rem(4);
        transition: all 0.3s ease 0s;
    }

    &::before {
        top: 0;
    }

    &::after {
        bottom: 0;
    }

    span {
        top: calc(50% - rem(1));
    }

    .menu-open & {
        span {
            width: 0;
        }

        &::before {
            top: calc(50% - rem(1));
            transform: rotate(-45deg);
        }

        &::after {
            bottom: calc(50% - rem(1));
            transform: rotate(45deg);
        }
    }
}
*/