nav { height: $nav-height; padding: $baseline 0; padding: 0; margin: 0; text-transform: uppercase; color: $white; font-family: $sans; font-size: 16px; border-bottom: 1px solid $border-dark; @include respond-to(mobile) { margin-right: -20px; margin-left: -20px; } ul { margin-top: ($baseline * 2); margin-left: $nav-height; @include respond-to(mobile) { margin-left: 50px; margin-top: 12px; } li { display: inline-block; margin-right: 50px; @include respond-to(mobile) { margin-bottom: 7px; display: block; } } } .packer-logo { background: url(/images/logo_nav.png) no-repeat center top; height: 80px; width: 80px; background-size: 34px 50px; text-indent: -999999px; display: inline-block; margin-top: 25px; @include respond-to(mobile) { margin-top: 15px; } } .active { color: $green; } button { margin-top: $baseline; } } //nav