/*//////////////////////////////////////////////////////////////////////////////

	header.css

//////////////////////////////////////////////////////////////////////////////*/

body {
	margin: 0;
}

#layout{
	border: none;
}

#layout header {
	display: flex;
	padding: 50px 50px 50px 110px;
	width: 100%;
	background-image: url("img/header_bg.jpg");
	background-repeat: no-repeat;
	justify-content: space-between;
	box-sizing: border-box;
}

#layout header h1 {
	display: block;
	width: 100%;
	margin: 0;
	max-width: 322px;
	aspect-ratio: 322 / 115;
	overflow: hidden;
	outline: none;
	clear: both;
	text-indent: -9999px;
	white-space: nowrap;
	background-image: url("img/logo.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

#layout header ul {
	display: flex;
	margin: 0;
	padding: 0;
}

#layout header ul li {
	list-style: none;
	margin-right: 3.5em;
}

#layout header ul li:last-child {
	margin-right: 0;
}

#layout header ul li a,
#layout header .entry a {
	text-decoration: none;
	color: rgba(70,70,70,1);
	background-color: inherit;
	font-weight: bold;
	transition: opacity .4s;
}

#layout header ul li a:hover,
#layout header .entry a:hover {
	text-decoration: none;
	opacity: .4;
}

#layout header .entry {
	margin-top: 2em;
	text-align: right;
}

#layout header .entry a {
	padding: .4em 1.7em;
	background-color: rgba(47,157,80,1);
	color: #FFF;
	border-radius: 20px;
	font-size: 18px;
}

@media screen and (max-width: 1330px) {
	
#layout header {
	display: block;
}
	
#layout header ul {
	margin-top: 1em;
	justify-content: flex-end;
}
	
}