/* header */

#header { padding:43px 0 37px 0; margin-top:-10px; }

.color-nav #header { background: url('../_img/nav-beacon.svg') center center; background-size:100% 120px; background-repeat:no-repeat; }

.nav-logo { float:left; font-size:33px; line-height:40px; letter-spacing: 1.81px; text-transform:uppercase; }

.white-nav .nav-logo a { color:#fff; display:none;}
.color-nav .nav-logo a { color:#4a5566;}

.primary-nav {
  padding: 0;
  margin: 0;
  display:block !important; 
  float:right;
  }

.primary-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.primary-nav li {
  float:left;
}

.primary-nav a {
  display: block;
  width: auto;
  padding:0;
  margin-left:16px;
  font-size:21px;
  line-height:40px;
  letter-spacing: 1.26px;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  border-bottom:0px; margin-bottom:2px; /* for hover border */
  }

@media all and (min-width: 992px) {
	.primary-nav a { font-size:23px; line-height:40px;margin-left:40px; }
}

.white-nav .primary-nav a { color:#fff;}
.color-nav .primary-nav a { color:#4A5566;}

.color-nav .primary-nav a:hover { margin-bottom:0px; border-bottom:2px solid #98cae3; }
.color-nav .primary-nav a.active { margin-bottom:0px; border-bottom:2px solid #98cae3; }