@media all and (max-width: 960px) {
    /*nav { display: none; }*/
    .mgE {
        width: 25px;
        height: 25px;
        padding: 10px 10px 10px 15px;
        cursor: pointer;
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

    .mgE hr {
        border: none;
        margin: 0;
        position: absolute;
        width: 25px;
        height: 2px;
        background-color: #000;
        transition: all .25s ease;
    }

    .mgE hr { top: 22px; }

    .mgE hr:first-child { top: 15px; }

    .mgE hr:last-child { top: 29px; }

    .mgE.show hr:first-child,
    .mgE.show hr:last-child {
        width: 0;
        top: 5px;
        margin: 15px;
        opacity: 0;
    }

    .mgE.show hr:nth-child(2) { transform: rotate(45deg); }

    .mgE.show hr:nth-child(3) { transform: rotate(-45deg); }
}

@media all and (min-width: 961px) {
    .mgE { display: none; }
    /*header nav.show { display: block; }*/
}