#header {
	margin-bottom: 50px;
}

/*----------------------------------------------------------------------*/

#header > .content-wrapper {
	display: flex;
}
@media (min-width: 500px) {
	#header > .content-wrapper {
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-end;
	}
}
@media (max-width: 499.99px) {
	#header > .content-wrapper {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 40px;
	}
}

/*----------------------------------------------------------------------*/

#header > .content-wrapper > .title {
	text-transform: uppercase;
    font-family: "Stretch Pro";
}
@media (min-width: 1000px) {
	#header > .content-wrapper > .title {
		max-width: 450px;
		
		line-height: 64px;
		font-size: 50px;
	}
}
@media (max-width: 999.99px) {
	#header > .content-wrapper > .title {
		max-width: 210px;
		
		line-height: 30px;
		font-size: 24px;
	}
}

/*----------------------------------------------------------------------*/

#header > .content-wrapper > .cta-wrapper {
	position: relative;
}

/*----------------------------------------------------------------------*/

#header > .content-wrapper > .cta-wrapper > .cta {}
@media (min-width: 900px) {
	#header > .content-wrapper > .cta-wrapper > .cta {
		position: absolute; top: 50%; left: -250px; z-index: 1; transform: translateY(-50%);
		
		text-align: left;
		font-family: "Stretch Pro";
		font-size: 15px;
	}
	#header > .content-wrapper > .cta-wrapper > .cta:before {
		content: '';
		position: absolute; bottom: -40px; right: -140px; transform: rotate(-110deg);
		display: block; height: 130px; width: 130px;
		
		background-image: url("../../images/arrow.gif");
		background-size: contain;
		background-repeat: no-repeat;
	}
}
@media (max-width: 899.99px) {
	#header > .content-wrapper > .cta-wrapper > .cta { display: none; }
}

/*----------------------------------------------------------------------*/

#header > .content-wrapper > .cta-wrapper > .cta-btn {
	border-color: #FF640B;
	
	font-size: 18px;
	font-weight: 700;
}
#header > .content-wrapper > .cta-wrapper > .cta-btn:hover { background-color: #FF640B; }