nav {
    display: block;
    position: fixed;
    width: 100%;
    top: 0;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    background-color: rgba(38, 38, 38, 0.9);
    z-index: 2;
}

nav a {
    padding: 0.4em 5%;
    margin: 0 0;
    display: inline-block;
}

nav a:hover {
    background: #1a1a1a7c ;
}

nav a.menuLink {
    display: none;
}

@media only screen and (max-width: 750px) {
    nav a:not(:first-child) {
        display: none
    }

    nav a:first-child {
        float: left
    }

    nav a.menuLink {
        float: right;
        display: block;
    }

    /* nav.responsive {
        position: relative
    } */

    nav.responsive a {
        float: none;
        display: block;
        text-align: right
    }

    nav.responsive a:first-child {
        text-align: left
    }

    nav.responsive a.menuLink {
        float: none;
        position: absolute;
        right: 0;
        top: 0
    }
}