nav {
    background: #222222;
    border-top: 1px solid #353535;
    border-bottom: 1px solid #353535;

    display: flex;
}

#menu {
    background: #222222;
    border-top: 1px solid #353535;
    border-bottom: 1px solid #353535;

    width: 100%;
    max-width: 1140px;
    display: flex;
    list-style-type: none;
    padding: 0px;
    margin: 0px auto;
}

#menuResp {
    padding: 10px;
    display: none;
    color: white;
    text-transform: uppercase;

}

#menu li {
    display: flex;
}

#menu .title {
    display: none;

}

#menu li a {
    padding: 10px;
    color: white;
    text-transform: uppercase;

    cursor: pointer;
}

#menu li a:hover {
    background: #AE0F17;
}

#menu li .active {
    background: #AE0F17;
}

@media only screen and (max-width: 800px) {
    #menu {
        width: 100%;
        position: fixed;
        top: 0px;
        left: -100%;
        height: 100%;
        padding: 0px;
        flex-wrap: wrap;
        z-index: 1500;
        align-items: flex-start;
        align-content: flex-start;
    }

    #menu .title {
        display: block;
        text-align: center;
    }

    #menuResp {
        display: flex;
    }

    #menu li {
        width: 100%;
    }

    #menu li a {
        width: 100%;
    }
}