header{
	background-color: #5965ab;
	background-size: 100%;
	min-height: 210px;
	position: relative;
	display: table !important;
	width: 100%;
}

#header_left{
	display:table-cell;
	vertical-align: middle;
}

#logo{
	height: 210px;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}
#logo img{
	margin: 10px;
	max-height: 190px;
}
#title{
	display:table-cell;
	height: 210px;
	text-align: center;
	vertical-align:middle;
}

#title span#page_title{
	margin: 20px;
	display:inline-block;
	text-align:center;
  font-weight:bold;
  font-size:30px;
  line-height:32px;
  color: #e8eaf2;
}

#header_right{
	display:table-cell;
  height: 15px;
	margin: 10px;
	position:absolute;
	top:0;
	right:0;
}


#lang_select{
width: 60px;
}


#hamburger{
	color: #e8eaf2;
	width: 33px;
	height: 33px;
	margin: 7px 12px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #e8eaf2;
	border-radius: 3px;
	background-color: rgba(232,234,242,0.2);
	display: none;
}

#hamburger:hover{
cursor: pointer;
}

#hamburger .fa{
line-height: 2;
font-size: 16px;
}

@media screen and (max-width: 930px) {
	header{
		min-height:none;
		min-height: 165px;
	}
	#logo{
		height: 165px;
	}
	#title{
		height: 165px;
	}
	#title span#page_title {
		margin: 10px;
		font-size:24px;
		line-height:26px;
	}

	#logo {
		height:165px;
	}

	#logo img{
		max-height: 160px;
		max-width: 300px
	}
}

@media screen and (max-width: 730px) {
	header{
		min-height: 140px;
	}

	#title {
		height:140px;
	}

	#title span#page_title{
		margin: 5px;
		font-size:20px;
		line-height:22px;
		width: auto;
	}

	#logo{
		height: 140px;
	}

	#logo img {
		max-height: 140px;
		max-width: 250px;
		height: auto;
		width: auto;
	}
}

@media screen and (max-width: 620px) {
	header{
		height: 50%;
		min-height: 50px;
		max-width: 620px;
		width: 100%;
	}

	#header_left{
		height: 50%;
		min-height: 50px;
		max-width: 620px;
		width: 100%;
		vertical-align: middle;
	}


	#header_right{
		position: relative;
		vertical-align: top;
		padding: 5px;
		text-align: center;
	}

	#title{
		max-width: 400px;
		height: 50px;
		min-height: 50px;
		max-height: 140px;
		text-align: left;
		width: 100%;
	}

	#title span#page_title{
		margin: 3px 10px;
		font-size:16px;
		line-height:18px;
	}

	#logo{
		height: auto;
		vertical-align: middle;
	}

	#logo img{
		max-height: 80px;
		max-width: 35vw;
		height:auto;
		margin: 0;
	}
	#hamburger{
		display: block;
	}
}


@media screen and (max-width: 450px) {

	#title span#page_title{
		font-size:14px;
	}

}

@media screen and (max-width: 400px) {

	#title span#page_title{
		font-size:12px;
	}

}