/* Header */
	#header {
		position: fixed;
		display: flex;
		z-index: 10000;
		left: 0;
		top: 0;
		width: 100%;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255,255,255,0.95) 90%, rgba(116, 46,46,1) 90%, rgba(116, 46, 46, 1) 100%);
		height: 3em;
		line-height: 3em;
		box-shadow: 0 0 0.15em 0 rgba(0, 0, 0, 0.1);
	}

		#header img.logo {
			height: 100%;
			display: block;
			flex-grow: 0;
		}

		#header h1 {
			height: 3em;
			line-height: 3em;
			cursor: default;
			flex-grow: 1;
		}

			#header h1 a {
				font-size: 1.25em;
			}

		#header img.counterweight {
			display: none;
			visibility: hidden;
		}

		#header .nav-toggle {
			display: none;
			background: none;
			border: 0;
			cursor: pointer;
		}

		#header nav {
			position: absolute;
			right: 0.5em;
			top: 0;
			height: 3em;
			line-height: 3em;
		}

			#header nav ul {
				margin: 0;
			}

				#header nav ul li {
					display: inline-block;
					margin-left: 0.5em;
					font-size: 0.9em;
				}

					#header nav ul li a {
						display: block;
						color: inherit;
						text-decoration: none;
						height: 3em;
						line-height: 3em;
						padding: 0 0.5em 0 0.5em;
						outline: 0;
					}

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

			#header {
				height: 2.5em;
				line-height: 2.5em;
			}

				#header h1 {
					text-align: center;
					position: relative;
					left: 0;
					top: 0;
					height: 2.5em;
					line-height: 2.5em;
				}

					#header h1 a {
						font-size: 1em;
					}

				#header .nav-toggle {
					display: block;
					width: 2.5em;
					height: 2.5em;
					padding: 0.75em;
					margin-right: 2.2em;
					color: inherit;
				}

					#header .nav-toggle .bar {
						display: block;
						width: 100%;
						height: 0.2em;
						background: currentColor;
						margin: 0.22em 0;
						transition: transform 0.2s ease, opacity 0.2s ease;
					}

					#header.nav-open .nav-toggle .bar:nth-child(1) {
						transform: translateY(0.44em) rotate(45deg);
					}

					#header.nav-open .nav-toggle .bar:nth-child(2) {
						opacity: 0;
					}

					#header.nav-open .nav-toggle .bar:nth-child(3) {
						transform: translateY(-0.44em) rotate(-45deg);
					}

				#header nav {
					position: absolute;
					top: 2.5em;
					left: 0;
					width: 100%;
					height: auto;
					line-height: 1em;
					background: rgba(0, 0, 0, 0.9);
					z-index: 9999;
					display: none;
					box-shadow: 0 0.15em 0.15em 0 rgba(0, 0, 0, 0.25);
				}

					#header.nav-open nav {
						display: block;
					}

					#header nav ul {
						margin: 0;
						padding: 0.5em 0;
						list-style: none;
					}

					#header nav ul li {
						display: block;
						margin: 0;
						font-size: 1em;
					}

						#header nav ul li a {
							display: block;
							height: auto;
							line-height: 2.5em;
							padding: 0 1em;
							color: #fff;
							border-bottom: 1px solid rgba(255, 255, 255, 0.1);
						}

						#header nav ul li:last-child a {
							border-bottom: 0;
						}

		}

	body {
		padding-top: 3em;
	}

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

			body {
				padding-top: 2.5em;
			}

		}

/* Footer */

	#footer {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		position: relative;
		margin: 0;
		line-height: 1em;
		padding: 1.5em;
		background: #39454b;
		color: rgba(185, 186, 187, 0.5);
		overflow: hidden;
	}

		#footer > * {
			margin-bottom: 0;
		}

		#footer a {
			color: inherit;
		}

			#footer a:hover {
				color: #b9babb;
			}

		#footer ul.menu {
			margin: 0;
		}

			#footer ul.menu li {
				border-left-color: rgba(185, 186, 187, 0.2);
				font-size: 0.9em;
			}

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

			#footer {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
				line-height: 1.5em;
				text-align: center;
				padding: 2em 1em 2em 1em;
			}

				#footer > * {
					margin: 0 0 1em 0;
				}

		}

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

			#footer ul.menu li {
				border-left: none;
				display: block;
				line-height: inherit;
				margin: 0.25em 0 0 0;
				padding: 0.25em 0 0 0;
			}

				#footer ul.menu li:first-child {
					margin-top: 0;
					padding-top: 0;
				}

		}

/* Language switcher */

	#header nav {
		right: 8em;
	}

	#header .lang-switch {
		position: absolute;
		right: 0.5em;
		top: 0;
		height: 3em;
		line-height: 3em;
		font-size: 0.8em;
		cursor: pointer;
	}

		#header .lang-switch .lang-current {
			display: block;
			position: relative;
			z-index: 101;
			padding: 0 0.4em;
			font-weight: bold;
			color: inherit;
			transition: color 0.2s ease;
		}

			#header .lang-switch:hover .lang-current {
				color: #fff;
			}

		#header .lang-switch .lang-dropdown {
			position: absolute;
			right: 0;
			top: 0;
			margin: 0;
			padding: 3em 0 0.3em 0;
			background: rgba(0, 0, 0, 0.85);
			list-style: none;
			min-width: 100%;
			z-index: 100;
			opacity: 0;
			transform: translateY(-5px);
			pointer-events: none;
			transition: opacity 0.2s ease, transform 0.2s ease;
		}

			#header .lang-switch:hover .lang-dropdown {
				opacity: 1;
				transform: translateY(0);
				pointer-events: auto;
			}

			#header .lang-switch .lang-dropdown li a {
				display: block;
				color: #fff;
				text-decoration: none;
				padding: 0.3em 0.8em;
				white-space: nowrap;
			}

				#header .lang-switch .lang-dropdown li a:hover {
					text-decoration: underline;
				}

				#header .lang-switch .lang-dropdown li a.active {
					font-weight: bold;
				}

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

		#header .lang-switch {
			height: 2.5em;
			line-height: 2.5em;
			font-size: 0.7em;
		}

			#header .lang-switch .lang-current {
				height: 2.5em;
				line-height: 2.5em;
			}

			#header .lang-switch .lang-dropdown {
				top: 0;
				padding-top: 2.5em;
			}

	}