header a{
	background: url(/assets/img/logo_white.svg);
}

.fixed{
	width: calc( 25vw + 30rem);
	background: rgba(0,0,0,0.5);
}

nav .menu-item{
	color: #fff;
}

nav .menu-item:before{
		background: #fff;
	}

footer .footer-contact{
		color: #fff;
	}

.slice{
	position: absolute;
	background: #fff;
	right: -70rem;
	bottom: -20rem;
	width: 100rem;
	height: calc(100vh + 40rem); 
	z-index: 1000;

	transform-origin: 0% 50%;
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
}

.content{
	position: relative;
	z-index: 10000000;
	margin-left: calc(25vw + 30rem);
	padding-left: 75rem;
	padding-top: 25rem;
	padding-right: 75rem;
	padding-bottom: 5rem;
	background: #fff;
	min-height: calc(100vh - 30rem);
}

.content p{
	font-size: 20rem;
	line-height: 24rem;
	font-family: SegoeUILight;
}

.content h1{
	font-size: 48rem;
	line-height: 50rem;
	font-family: SegoeUISemiBold;
	font-weight: normal;

}

.content h2{
	font-size: 36rem;
	text-align: center;
	font-family: SegoeUILight;
	font-weight: normal;
	vertical-align: middle;
}

.content h2 span{
	width: 100px;
	height: 77px;
	margin-left: 20px;
	margin-right: 20px;
	background: url(/assets/img/logo.svg);
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	background-size: contain;
	background-repeat: no-repeat;
	bottom: -4px;
}

.content h3{
	font-size: 28rem;
	font-family: SegoeUIItalic;
	text-align: center;
	font-weight: normal;
}

.content .map{
	background: url(/assets/img/map.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 450rem;
	width: 100%;
}

.content img{
	width: 100%;
}



@media (max-width: 900px) {

	.fixed{
		background: #fff;
	}

	header .logo{
		background-image: url(/assets/img/logo_black.svg);
	}

	nav .menu-item{
		color: #000;
	}

	nav .menu-item:before{
		background: #000;
	}

	footer{
		padding-top: 10rem !important;
	}

	footer .footer-contact{
		color: #000;
	}

	.content{
		margin-left: 0px;
		z-index: 0;
		padding: 0rem 10rem;
		margin-top: 5px;
	}

	.content .map{
		height: 250rem;
	}


.content p{
	font-size: 16rem;
	line-height: 20rem;
	margin: 20rem 0rem;
	padding: 0rem 15rem;
}

.content h1{
	font-size: 20rem;
	line-height: 24rem;
	font-weight: bold;
	margin: 0px;
	padding: 0rem 15rem;
}

.content h2{
	font-size: 30rem;
	line-height: 37rem;

	text-align: center;
	font-weight: normal;
	position: absolute;
	margin: 0rem;
	margin-top: 90rem;
	padding: 0rem 15rem;
}

.content h2 span{
	display: none;
}

.content h3{
	font-size: 16rem;
	line-height: 20rem;
	font-style: italic;
	font-weight: lighter;
	text-align: center;
	padding: 0rem 15rem;
	margin: 15rem 0rem;
}

.content img{
	margin: 30rem 0rem;
}

video{
		display: none;
	}

}