.breadcrumbs {
	font-size: 10px;
	background: #d8393d;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0 20px;
	white-space: nowrap;
	overflow-x: auto;
	transform: translateY(25px);
	margin-bottom: 20px;
	-webkit-overflow-scrolling: touch;
}

.breadcrumbs i {
	display: inline-block;
	margin: 0 20px;
}

.breadcrumbs a {
	display: inline-block;
    padding: 18px 0;
    color: inherit;
    text-decoration: underline;
}

@media screen and (min-width: 768px) {
	.breadcrumbs {
		margin: 0 30px 25px;
		padding: 0 25px;
	}
}

@media screen and (min-width: 1024px) {
	.breadcrumbs {
		margin-left: 0;
		margin-right: 0;
	}
}