/* Header */

#header {
	width: 100%;
	text-align: left;
	float: left;
	border-bottom: 1px solid #7c7b76;
	background: #9c8f89;	
}


#header-photo {
	width: 20%;
	height: 130px;
	float: left;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background: url(../images/headers/header_main_photowide.jpg) no-repeat 50% 50%;
	background-size: cover;
}


#header-name {
	width: 80%;
	height: 130px;
	float: left;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background: url(../images/headers/logo_wide_the.svg) no-repeat 50% 50%;
	background-size: 100%;
}





@media screen and (min-width: 1201px) {

/* Start Header Full */

#header {
}


#header-photo {

}


#header-name {

}




}
/* End Header Full */







/* Start Header Tablet */

@media screen and (min-width: 769px) and (max-width: 1200px)  {


#header {
	max-height: 100px;
}

#header-photo {
	width: 25%;
	max-height: 100px;

}


#header-name {
	width: 75%;
	max-height: 100px;

}





}
/* End Tablet Tablet */





/* Start Header Medium */

@media screen and (min-width: 441px) and (max-width: 768px)  {

#header {
}

#header-photo {
	width: 100%;
	height: 100px;
	background: url(../images/headers/header_main_photowide.jpg) no-repeat 50% 60%;
	background-size: 100%;
}


#header-name {
	width: 100%;
	height: 120px;
	background-size: 100%;
}


}
/* End Header Medium */




/* Start Header Mobile Small */

@media screen and (min-width: 1px) and (max-width: 440px)  {

#header {
}

#header-photo {
	width: 100%;
	height: 60px;
	background: url(../images/headers/header_main_photowide.jpg) no-repeat 50% 60%;
	background-size: 100%;
}


#header-name {
	width: 100%;
	height: 100px;
	background: url(../images/headers/logo_tall_the.svg) no-repeat 50% 50%;
	background-size: 100%;
}


}
/* End Header Mobile Small*/