.header .menuIcon {
    display: none;
}

.header .menu {
    position: relative;
}

    .header .menu ul {
        padding: 0;
        margin: 0;
    }

        .header .menu ul li {
            position: relative;
            display: inline-block;
            padding: 0;
            list-style: none;
        }

.mobileMenu {
    display: none;
    width: 100%;
    position: absolute;
    margin-left: -100%;
    top: 0;
    z-index: 2;
}

    .mobileMenu ul {
        margin: 0;
        padding: 0;
    }

        .mobileMenu ul li {
            list-style: none;
        }

            .mobileMenu ul li a {
                display: block;
                margin: 5px;
            }

                .mobileMenu ul li a:hover, .mobileMenu ul li a:active {
                    background-color: #999;
                }

@media only screen and (max-width: 749px) {
    .header .menuIcon {
        display: block;
        width: 100%;
        text-align: left;
    }

        .header .menuIcon a {
            width: 100%;
            padding: 0px;
        }

    .header .menu {
        max-height: 0;
        overflow: hidden;
    }


    .mobileMenu.menuOpen {
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        display: block;
        top: 0;
        left: 0px;
        margin-left: 0;
        z-index: 1;
        width: 100%;
        bottom: 0;
        background-color: white;
        border-right: solid 1px;
    }
}