.menu {
    display: block;
    float: left;
    clear: both;
    height: auto;
    width: 100%;
    color: #F58220;
    background-color: #666666;    
}

.nav-collapse,
.nav-collapse * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .nav-collapse,
    .nav-collapse ul {
        list-style: none;
        width: 100%;
        width: auto;
        float: right;
        margin-right: .5em;
    }

        .nav-collapse li {
            float: left;
            width: auto;
        }

        .nav-collapse li a, .nav-collapse li a:visited {
            color: #fff;
        }

@media only screen and (max-width: 640px) {

    .nav-collapse,
    .nav-collapse ul {
        float: left;
        display: block;
        width: 100%;
        height: auto;
    }

        .nav-collapse li {
            float: left;
            width: 100%;
        }
}

.nav-collapse a {
    text-decoration: none;
    font-size: 1.6em;
    line-height: 1.6em;
    color: white;
    height: 100%;
    padding-left: .3em;
    padding-right: .3em;
    padding-top: .2em;
    padding-bottom: .2em;
}

    .nav-collapse a:hover {
        background-color: #F58220;
        opacity: 0.4;
    }

@media only screen and (max-width: 640px) {
    .nav-collapse a {
        margin: 0em;
        padding: 0em;
        float: left;
        text-align: center;
        border-bottom: 1px solid white;
        height: 100%;
        width: 100%;
    }
}

.nav-collapse ul ul a {
    background: #ca3716;
    padding-left: 2em;
}

@media only screen and (max-width: 640px) {
    .nav-collapse ul ul a {
        display: none;
    }
}

.nav-toggle {
        background-image: url("../Images/Layout/hamburger-retina.gif");
        -webkit-background-size: 100px 100px;
        -moz-background-size: 100px 100px;
        -o-background-size: 100px 100px;
        background-size: 100px 100px;
    }

@media only screen and (max-width: 640px) {
    .nav-toggle {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 50px;
        height: 35px;
        float: right;
        text-indent: -9999px;
        overflow: hidden;
        background: #F58220 url("../Images/Layout/hamburger.gif") no-repeat 50% 50%;
        /*background-color: #666666;*/
    }
}

/*@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
    .nav-toggle {
        background-image: url("hamburger-retina.gif");
        -webkit-background-size: 100px 100px;
        -moz-background-size: 100px 100px;
        -o-background-size: 100px 100px;
        background-size: 100px 100px;
    }
}*/