a {
	color: $color__link;
	text-decoration: none;

	&:visited {
		color: $color__link-visited;
	}

	&:hover,
	&:focus,
	&:active {
		color: $color__link-hover;
	}

	&:focus {
		outline: thin dotted;
	}

	&:hover,
	&:active {
		outline: 0;
	}
}

@media screen {
}
@media screen and (max-width: 48em) {
  //only smaller than 48em
	a {
		overflow-wrap: anywhere;
		word-break: normal;
	}
}
@media screen and (min-width: 48em) {
  //only bigger than 48em
}
@media screen and (min-width: 80em) {
  //only bigger than 80rem
}