@media (min-width: 640px)  {

	.hero-section-header {
		position: relative;
		background-color: #F6F6F8;
		margin: 0;
		min-height: 370px;
		overflow: hidden;
		z-index: 1;

	}

	.hero-section-header::after, .hero-section-header::before {
		content: "";
		display: block;
		position: absolute;
		z-index: -1;
		top: 0;
		width: 100vw;
		height: 100vh;
		width: 100vmax;
		height: 100vmax;
		background: rgba(0, 0, 0, 0.05);
		-webkit-animation: background 90s linear infinite;
						animation: background 90s linear infinite;
		z-index: 2;
	}

	.hero-section-header::after {
		left: 15vw;
		z-index: 2;
	}
	.hero-section-header::before {
		right: 15vw;
		-webkit-animation-delay: -30s;
						animation-delay: -30s;
		animation-direction: reverse;
		z-index: 2;
	}

	@-webkit-keyframes theme {
		0% {
			background: #F6F6F8;
		}
		66% {
			background: #F9F9F9;
		}
		100% {
			background: #F6F6F8;
		}
	}

	@keyframes theme {
		0% {
			background: #F6F6F8;
		}
		66% {
			background: #F9F9F9;
		}
		100% {
			background: #F6F6F8;
		}
	}
	@-webkit-keyframes background {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}
	@keyframes background {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	.hero-section-header-inner {
		position: relative;
		z-index: 3;
		max-width: 1540px;
		margin: auto auto 0 auto;
		padding: 0 20px;
		min-height: 390px;
		display:flex;
		align-items: flex-end;


	}

	.hero-section-header-title {
		flex: 1 1 auto;
		
		position: relative;
		margin: 0;
		padding: 0;
		max-width: 680px;
		height: auto;
		overflow: visible;
	}

	.hero-section-header-title-text {
		overflow: visible;
		display: block;

		font-weight: 500;
		text-transform: uppercase;
		text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 
					0 3px 0 #bbb, 0 4px 0 #b9b9b9, 
					0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 
					0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 
					0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 
					0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
	}

}




@media (max-width: 639px)  {

	.hero-section-header {
		position: relative;
		background-color: #F6F6F8;
		margin: 0;
		padding: 120px 0 0 0;
		overflow: hidden;
		z-index: 1;
	}

	.hero-section-header::after, .hero-section-header::before {
		content: "";
		display: block;
		position: absolute;
		z-index: -1;
		top: 0;
		width: 100vw;
		height: 100vh;
		width: 100vmax;
		height: 100vmax;
		background: rgba(0, 0, 0, 0.05);
		-webkit-animation: background 90s linear infinite;
						animation: background 90s linear infinite;
		z-index: 2;
	}

	.hero-section-header::after {
		left: 15vw;
		z-index: 2;
	}
	.hero-section-header::before {
		right: 15vw;
		-webkit-animation-delay: -30s;
						animation-delay: -30s;
		animation-direction: reverse;
		z-index: 2;
	}

	@-webkit-keyframes theme {
		0% {
			background: #F6F6F8;
		}
		66% {
			background: #F9F9F9;
		}
		100% {
			background: #F6F6F8;
		}
	}

	@keyframes theme {
		0% {
			background: #F6F6F8;
		}
		66% {
			background: #F9F9F9;
		}
		100% {
			background: #F6F6F8;
		}
	}
	@-webkit-keyframes background {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}
	@keyframes background {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	.hero-section-header-inner {
		position: relative;
		z-index: 3;
		max-width: 1540px;
		margin: 0 auto;
		padding: 0 20px;

		display:flex;
		align-items: flex-end;

	}

	.hero-section-header-title {
		flex: 1 1 auto;

		position: relative;
		margin: 0;
		padding: 0 0 10px 0;
		height: auto;
		overflow: visible;
	}

	.hero-section-header-title-text {
		overflow: visible;
		display: block;

		font-weight: 700;
		text-transform: uppercase;
		text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 
					0 3px 0 #bbb, 0 4px 0 #b9b9b9, 
					0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 
					0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 
					0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 
					0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
	}

}




.hero-section-breadcrumbs {
    max-width:1540px;
    margin:0 auto;
    padding:10px 20px;
}


.breadcrumb {
    list-style:none;
    gap:24px;
    margin:0;
    padding:0;
    counter-reset: item;

}

.breadcrumb li {
    font-family: 'Gotham Pro';
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6;
    color: #a7a7a7;
    letter-spacing: 1px;
    display:inline-block;
}

.breadcrumb li a {
    font-family: 'Gotham Pro';
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6;
    color: #a7a7a7;
    letter-spacing: 1px;
    text-decoration:none;
    position:relative;
    margin-right:24px;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.breadcrumb li a::after {
    content:"";
    position:absolute;
    right:-14px;
    top:calc(50% - 3px);
    width:6px;
    height:6px;
    border-top:2px solid #a7a7a7;
    border-right:2px solid #a7a7a7;
    transform: rotate(45deg);
    opacity:0.4;
}