
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
	position: relative;
	background: #ff9016;	
	z-index: 1000;
	margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
	.header {
		padding: 1rem 4rem;
	}
}


.header .img {
	display: block;
	width: 4rem;
}

.header .a,
.header .button {
	color: black;
	text-decoration: none;
	font-weight: 300;
	font-size: 1rem;
	transition: color 0.25s, border-bottom 0.25s;
}

.header .mobile .button {
	font-size: 1.5rem;
}

.header .mobile .button .fa-bars {
	display: inline-block;
}

.header .mobile .button .fa-times {
	display: none;
}

.header .a.active {
	border-bottom: solid 1px black;
}

.header .a.active:hover {
	border-bottom: solid 1px white;
}

.header .a:hover,
.header .button:hover {
	color: white;
	transition: color 0.25s, border-bottom 0.25s;
}

.header .logo-link {
	text-decoration: none;
}





.header .header-block {
	display: none;
	justify-content: flex-start;
	align-items: center;
	flex: 1 1 33.3%;
}

.header .header-block.mobile {
	display: flex;
}

.header .header-block.logo {
	display: flex;
}

.header .header-block.nav {
	justify-content: center;
}

.header .header-block.social,
.header .header-block.mobile {
	justify-content: flex-end;
}

.header .header-block .header-item + .header-item {
	display: inline-block;
	margin-left: 2rem;
}


@media only screen and (max-width: 767.9px) {

	.header.mobile-render {
		bottom: 0;
		background: #39393b;
		overflow: auto;
		margin-bottom: 0;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}

	.header.mobile-render .mobile .button .fa-bars {
		display: none;
	}

	.header.mobile-render .mobile .button .fa-times {
		display: inline-block;
	}

	.header.mobile-render .header-block {
		display: block;
		width: 100%;
	}


	.header.mobile-render .header-block:not(.nav) {
		flex: none;
	}

	.header.mobile-render .header-block.nav {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.header.mobile-render .header-block.nav .header-item {
		font-size: 2rem;
		color: white;
	}

	.header.mobile-render .header-block.mobile .button,
	.header.mobile-render .header-block.social .header-item {
		color: white;
	}

	.header.mobile-render .header-block.mobile .button:hover {
		color: #ff9016;
	}

	.header.mobile-render .header-block.nav .header-item + .header-item {
		margin-left: 0;
	}

	.header.mobile-render .header-block.mobile {
		position: absolute;
		right: 1rem;
		top: 1rem;
		width: auto;
	}

	.header.mobile-render .header-block.social {
		text-align: center;
	}	
}

@media only screen and (min-width: 768px) {
	.header .header-block.nav,
	.header .header-block.social {
		display: flex;
	}

	.header .header-block.mobile {
		display: none;
	}
}


.breadcrumbs .a {
	position: relative;
	text-decoration: none;
	display: inline-block;
	line-height: 1.25rem;
	border-bottom: solid 1px white;
	font-weight: 300;
	font-size: 1rem;
	transition: color 0.25s;
}

.breadcrumbs .a:not(.span):hover {
	color: #ff9016;
	border-bottom-color: #ff9016;
	transition: color 0.25s, border-bottom 0.25s;
}

.breadcrumbs .a,
.breadcrumbs .fas {
	margin-left: 0.25rem;
}

.breadcrumbs .fas {
	font-size: 0.75rem;
}

.breadcrumbs .fa-chevron-left {
	display: none;
}

.breadcrumbs.single .fa-chevron-left {
	display: inline-block;
}

.breadcrumbs.single .fa-chevron-right {
	display: none;
}

.breadcrumbs .a:first-child {
	margin-left: 0;
}

.breadcrumbs .a.span {
	border-bottom: 0;
}
