* {
	margin: 0;
	padding: 0;
	outline: 0;
	list-style-type: none;
	box-sizing: content-box;
	font-family: sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 15px;
}

wrapper {
	display: block;
	margin: 0 auto;
	width: 1250px;
}

header wrapper {
	position: relative;
	display: grid;
	height: 3em;
	padding: 1em 0;
	grid-template-areas: "header-title header-language";
	grid-template-columns: 10em 1fr;
	grid-column-gap: 1em;
}

header h1 {
	grid-area: header-title;
	align-content: center;
	font-size: 1.6em;
	font-weight: 500;
}

header .language {
	grid-area: header-language;
	align-content: center;
	justify-self: right;
	text-align: right;
	cursor: pointer;
}

header .language span {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

header #navigation {
	display: none;
	background: #efefef;
	position: absolute;
	right: 0;
	top: 4em;
	padding: 0.5em 1em;
	z-index: 2;
}
header #navigation.show {
	display: block;
}

header #navigation li a {
	align-content: center;
	display: inline-block;
	height: 2em;
	text-decoration: none;
	color: #000000;
}

header #navigation li a:hover {
	text-decoration: underline;
}

header #navigation li a img {
	margin: 0 0.5em 0 0;
}

content {
	display: block;
	padding: 1em 0;
	background: #1d43cc;
	background: linear-gradient(0deg,rgba(29, 67, 204, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

@media only screen and (max-width : 1300px) {
	wrapper {
		margin: 0 1em;
		width: calc(100% - 2em);
	}
}

@media only screen and (max-width : 480px) {
	header .language span {
		max-width: 8em;
	}
}