.header {

  .nav-icon {
    fill: currentColor;
    width: 1.6em !important;
    height: 1.6em !important;
    vertical-align: -0.5em;
    overflow: hidden;
  }

  .ra-icon {
    padding-top: 13px;
    padding-bottom: 13px;
        
    img {
      height: 36px;
    }
  }

  nav.navbar {
    margin-bottom: 0;
  }

  button.navbar-toggle span.icon-bar {
    background: $white;
  }
  .navbar-button {
    width: 100%;
    border: none;
    background: none;
  }

  .respa-nav {
    border: $panel-default-border;
        
    ul.navbar-nav {
      margin-top: 0;
      margin-bottom: 0;
      border: $panel-default-border;

      li a {
        color: $white;
        font-weight: lighter;
      }
    }
  }

  nav.service {
    background: $theme-primary-dark;
    border: 0;

    a.navbar-brand {
      color: $white;
    }

    ul.navbar-nav li {

      &.active, &:hover, &:focus {

        a {

          &:hover {
            color: $white;
          }

          &:after {
            border: 0;
            height: 2px;
            background-color: $white;
            bottom: 0;
          }
        }
      }
    }
  }
}