header {z-index: 3;}

ul.textlinks {
	list-style: none;
	position: relative;
	top: 4px;
	right: 50px;
}
	@media (max-width: 767px) {ul.textlinks {display: none;}}

	.open ~ header .navigation nav ul.textlinks {display: none;}

ul.textlinks li {
	display: inline-block;
	margin-right: 30px;
}
	ul.textlinks li:last-child {margin-right: 0;}

ul.textlinks li a {
	text-transform: uppercase;
	color: #D24D29;
	letter-spacing: .15rem;
	font-family: Averta-Regular;
}

ul.textlinks li a:hover {color: rgba(43, 61, 67, 1);}








/* HEADER IMAGE - HOMEPAGE */
.homepagenew .st0 {}
.homepagenew ul.textlinks li a {}
.homepagenew .hamburger-inner, 
.homepagenew .hamburger-inner::before {}

	@media (min-width: 900px) {
		.homepagenew .st0 {fill: #FFF;}
		.homepagenew ul.textlinks li a {color: #FFF;}
		.homepagenew .hamburger-inner,
		.homepagenew .hamburger-inner::before {background-color: #FFF;}

		.homepagenew ul.textlinks li a:hover {color: #D24D29;}
	}

.homepagenew .navigation {background: none;}
/* HEADER IMAGE - HOMEPAGE */

/* HEADER IMAGE - STUDIO */
.studio .st0 {}
.studio ul.textlinks li a {}
.studio .hamburger-inner, 
.studio .hamburger-inner::before {}

	@media (min-width: 900px) {
		.studio .st0 {fill: #FFF;}
		.studio ul.textlinks li a {color: #FFF;}
		.studio .hamburger-inner,
		.studio .hamburger-inner::before {background-color: #FFF;}

		.studio ul.textlinks li a:hover {color: #D24D29;}
	}

.studio .navigation {background: none;}
/* HEADER IMAGE - STUDIO */

/* HEADER IMAGE - PROCESS */
.process .st0 {}
.process ul.textlinks li a {}
.process .hamburger-inner, 
.process .hamburger-inner::before {}

	@media (min-width: 900px) {
		.process .st0 {fill: #FFF;}
		.process ul.textlinks li a {color: #FFF;}
		.process .hamburger-inner,
		.process .hamburger-inner::before {background-color: #FFF;}

		.process ul.textlinks li a:hover {color: #D24D29;}
	}

.process .navigation {background: none;}
/* HEADER IMAGE - PROCESS */

/* HEADER IMAGE - WORK */
.work .st0 {}
.work ul.textlinks li a {}
.work .hamburger-inner, 
.work .hamburger-inner::before {}

	@media (min-width: 900px) {
		.work .st0 {fill: #FFF;}
		.work ul.textlinks li a {color: #FFF;}
		.work .hamburger-inner,
		.work .hamburger-inner::before {background-color: #FFF;}

		.work ul.textlinks li a:hover {color: #D24D29;}
	}

.work .navigation {background: none;}
/* HEADER IMAGE - WORK */






.work .st0 {}
.work ul.textlinks li a {}
.work .hamburger-inner,
.work .hamburger-inner::before {}

	@media (min-width: 900px) {
		.work .st0 {fill: #FFF;}
		.work ul.textlinks li a {color: #FFF;}
		.work .hamburger-inner,
		.work .hamburger-inner::before {background-color: #FFF;}

		.work ul.textlinks li a:hover {color: #D24D29;}
	}



.nav-top ul.textlinks li a {color: #D24D29;}
.nav-top .st0 {fill: #D24D29;}
.nav-top .hamburger-inner, .nav-top .hamburger-inner::before {background-color: #D24D29;}

.nav-top.navigation-background .st0 {fill: #FFF;}






.header--background {
	position: relative;
	overflow: hidden;
}

.work-projecttitle-headline2 {
	color: #FFF;
	z-index: 2;
}

.work-projecttitle-headline2 h1 {
	font-size: 3.0rem;
	color: #FFF;
}

.relativehome {position: relative;}



/* GRADIENT COVER */
.gradient-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0) 60%);
	transform: rotate(-180deg);
	z-index: 1;
}
	@media (max-width: 899px)  {.gradient-cover {display: none;}}
/* GRADIENT COVER */





.inimage-headertype {
	position: absolute;
	top: 0;
	padding-top: 65px;
	max-width: 1000px;
	z-index: 1;
}
	@media (min-width: 400px)  {.inimage-headertype {padding-top: 75px;}}
	@media (min-width: 600px)  {.inimage-headertype {padding-top: 90px;}}
	@media (min-width: 768px)  {.inimage-headertype {padding-top: 110px;}}
	@media (min-width: 1024px) {.inimage-headertype {padding-top: 120px;}}
	@media (min-width: 1244px) {.inimage-headertype {padding-top: 130px;}}


.header--nobackground .inimage-headertype {
	position: relative;
	padding-bottom: 30px;
}
	@media (min-width: 600px)  {.header--nobackground .inimage-headertype {padding-bottom: 60px;}}
	@media (min-width: 768px)  {.header--nobackground .inimage-headertype {padding-bottom: 70px;}}
	@media (min-width: 1024px) {.header--nobackground .inimage-headertype {padding-bottom: 80px;}}
	@media (min-width: 1244px) {.header--nobackground .inimage-headertype {padding-bottom: 100px;}}


.inimage-headertype h2 {
	color: #fff;
	font-size: 2.25rem;
}
	@media (min-width: 600px) {.inimage-headertype h2 {font-size: 2.4rem;}}
	@media (min-width: 768px) {.inimage-headertype h2 {font-size: 2.6rem;}}

.header--nobackground .inimage-headertype h2 {color: #D24D29;}



.work-intro h2 {color: #D24D29;}
.work-intro .inimage-headertype .container {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.inimage-headertype a {
	color: #fff;
	text-decoration: underline;

}


.inimage-headertype a:hover {
	color: #d24d29;
}












/* NEW HEADERS */
.header--withbackgroundimage,
.header--nobackground {position: relative;}



.header--intro {position: relative;}
	@media (min-width: 900px) {
		.header--intro,
		.header--withbackgroundimage .header--intro {
			padding-top: 65px;
			max-width: 1000px;
			z-index: 1;
		}

		.header--withbackgroundimage .header--intro {
			position: absolute;
			top: 0;
		}
	}
	@media (min-width: 1440px) {.header--withbackgroundimage .header--intro {max-width: 1250px;}}



.header--intro-top {margin: 120px 0 40px;}
	@media (min-width: 900px) {.header--intro-top {margin: 50px 0;}}

.header--intro-bottom {margin: 50px 0 0;}
	@media (min-width: 900px) {.header--intro-bottom {margin: 50px 0;}}



.header--intro h2 {font-size: 26px;}
	@media (min-width: 600px) {.header--intro h2 {font-size: 28px;}}
	@media (min-width: 900px) {
		.header--intro h2 {font-size: 30px;}
		.header--withbackgroundimage .header--intro h2 {color: #FFF;}}
	@media (min-width: 1440px) {.header--intro h2 {font-size: 34px;}}



.header--intro h2 a {
	color: #D24D29;
	text-decoration: underline;
}
	@media (min-width: 900px) {.header--intro h2 a {color: #FFF;}}

.header--intro h2 a:hover {color: #414042;}
	@media (min-width: 900px) {.header--intro h2 a:hover {color: #D24D29;}}