section .nav {
    background-color: #282340;
    width: 100%;
    color: #ffffff;
}

section .nav > .container {
    margin: 0 15%;
}

.skrollr section .nav > .container {
    margin-left: 230px;
}

section .nav:after {
    display: none;
    content: ' ';
    background: url(../img/bg/works-spacer-bg.png) center center no-repeat;
    background-size: cover;
    height: 34px;
}

section .nav h2 {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
}

.skrollr section .nav h2 {
    line-height: 80px;
}

.skrollr section .nav ul {
    display: inline-block;
    vertical-align: top;
    margin-left: 100px;
}

section .nav ul li {
    display: inline-block;
    line-height: /*135px*/ 75px;
    font-size: 14px;
    font-family: 'ProximaNova';
    font-weight: bold;
    vertical-align: top;
    margin-right: 10px;
    margin-top: 10px;
    text-transform: uppercase;
    cursor: pointer;

    -webkit-transition: color 200ms ease;
    -moz-transition: color 200ms ease;
    -o-transition: color 200ms ease;
    transition: color 200ms ease;

}

section .nav ul li.active,
section .nav ul li:hover {
    color: #32dbce;
}