/*
	///////////////////////////////////////////////////////////////////////////////////
	Header CSS
	///////////////////////////////////////////////////////////////////////////////////
*/
.header{
	display:block;
	height: 197px;
	background: url('../images/headerBackground.png');
	background-size:cover;
	background-repeat: no-repeat;
}
.header .locked-width{
	padding-top: 25px;
}
.header .nav{
	position:absolute;
	bottom: 0;
	right: 30px;
}
.header .nav button{
	position:relative;
		
	display: inline-block;
	width: 249px;
	height: calc(269px * 0.215);
	padding-left: 25px;
	padding-top: 20px;
		
	border: none;
	background-color:transparent;
	background-image: url('../images/nav-button-background.svg');
	background-size: 100%;
	background-position: top;
	background-repeat: no-repeat;

	text-align:left;
	font-size: 24px;
	font-family: Vidaloka;
	
	z-index: 98;
}
.header .nav a:not(:first-child) button{
	position:relative;
	
	margin-left: -50px;
	z-index: 99;
}
.header .nav button:hover{
	background-image: url('../images/nav-button-hover.svg');
	color: #fff;
}

/*.header .nav button a{
    color: #fff;
}*/

.header .nav button:hover a{
    color: #fff !important;
}

/*
	///////////////////////////////////////////////////////////////////////////////////
	Header Media Queries
	///////////////////////////////////////////////////////////////////////////////////
*/
@media (max-width:768px){
	.header{
		background: url(../images/light_wool.png);
	}
}