nav {

padding: $spacing-1;
text-align: right;
a {
  color: #FFF;
  font-weight: 400;
  margin: 0 $spacing-2;
  padding: $spacing-2;
  text-decoration: none;
  &:first-child {
    margin-left: 0;
  }
  &:last-child {
    margin-right: 0;
  }
  &:active, &:hover {
    text-decoration: underline;
  }
}
@media screen and (min-width: $breakpoint-sm) {
  text-align: right;
}

}