body.landing #header {
	background: var(--n2-yellow);
}

#header {
	color: black;
		background: var(--n2-yellow);
}

h1#logo a {
	color: black;
	font-weight: bold;
	text-transform: uppercase;
}

nav a:hover {
	color: black !important;
	text-decoration: underline;
}

header.major:after {
	background: var(--n2-yellow);
}

.button.primary {
	background-color: black;
}

.bolded {
	font-weight: bold;
}

.logo_small {
	width: 100px;
}

.spotlight.style1 .content, .spotlight.style2 .content {
	border-color: var(--n2-yellow);
}

#banner:after {
    background-image: -moz-linear-gradient(top, rgba(23, 24, 32, 0.70), rgba(23, 24, 32, 0.70)), url(images/overlay.png);
    background-image: -webkit-linear-gradient(top, rgba(23, 24, 32, 0.70), rgba(23, 24, 32, 0.70)), url(images/overlay.png);
}

a:hover {
    color: var(--n2-yellow);
    border-bottom-color: transparent;
}

a{
    color: var(--n2-yellow);
    border-bottom-color: transparent;
}


/* UTILS */

.badge-group{
	display: flex;
  white-space:nowrap;
}
.badge-group > .badge:first-child:not(:last-child){
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right:0;
}
.badge-group > .badge + .badge:not(:last-child){
  border-radius:0;
  margin-right:0;
  margin-left:1px;
}
.badge-group > .badge + .badge:last-child{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left:2px;
}