.headline {
  font-family: $fontSecondary;
}

.headline--darkbg {
  color: #fff;
}

.headline--upper {
  text-transform: uppercase;
  font-weight: 600;
}

.headline--spaced {
  letter-spacing: .25em;
}

.headline--light {
  opacity: .5;
}

.headline--seperated {
  padding-bottom: $baseUnit/8;
  margin-bottom: $baseUnit/4;
  border-bottom: $baseBorder;
}

.headline--seperated-space {
  padding-bottom: $baseUnit;
  border-bottom: $baseBorder;
}

.headline--maincolor {
  color: $colorMain;
}

.headline {
  font-family: $fontSecondary;
}

.headline--darkbg {
  color: #fff;
}

.headline--upper {
  text-transform: uppercase;
  font-weight: 600;
}

.headline--spaced {
  letter-spacing: .25em;
}

.headline--light {
  opacity: .5;
}

.headline--seperated {
  padding-bottom: $baseUnit/8;
  margin-bottom: $baseUnit/4;
  border-bottom: $baseBorder;
}

.headline--seperated-space {
  padding-bottom: $baseUnit;
  border-bottom: $baseBorder;
}

.headline--maincolor {
  @include pageColors(color);
}

Adjust headline.scss for use with pageColors mixin
Adjust headline.scss for use with pageColors mixin
