/*------------------------------------*\
   BREADCRUMBS
\*------------------------------------*/
.breadcrumbs {
	margin: 0;
	padding: 0.5em 0;
	display: flex;
	list-style: none;
	color: var(--primary-color);
	flex-flow: wrap;
}
.breadcrumbs li {
	padding-right: 1em;
	position: relative;
	margin-right: 0.66em;
} 
.breadcrumbs li::after {
	content: ">";
	position: absolute;
	right: 0;
	top:0; 
	color: var(--dark-gray);
}
.breadcrumbs li:last-child {
	color: var(--dark-gray);
}
.breadcrumbs li:last-child::after {
	display:none;
}
@media only screen and (max-width: 640px) {
	.breadcrumbs li:last-child {
		display: none;
	}
}