html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "Source Sans 3", sans-serif;
	background-color: #f8f6f5;
}

.header {
	display: flex;
	position: relative;
	width: 100%;
	height: 150px;
	padding: 20px;
	box-sizing: border-box;
}

.header:after {
	content: ' ';
	position: absolute;
	bottom: 0;
	left: 50px;
	width: 120px;
	height: 2px;
	background-color: #D13239;
}

.header .logo {
	width: auto;
	height: 74px;
}

.header .phone {
	margin-left: auto;
	height: 74px;
	line-height: 74px;
}

.header .phone a {
	display: flex;
	align-items: center;
	height: 100%;
	color: #D13239;
	text-decoration: none;
}

.header .phone a img {
	margin-right: 10px;
	height: 32px;
}

.header .phone a span {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	font-size: 28px;
	font-weight: bold;
}

.header .language-selector {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 30px;
	height: 74px;
}

.header .language-selector:hover .header .language-selector ul#languages {
	display: block;
}


.header .language-selector #selected-language {
	position: relative;
	padding-right: 24px;
	cursor: pointer;
}

.header .language-selector #selected-language img {
	width: auto;
	height: 30px;
}

.header .language-selector #selected-language:after {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	content: ' ';
	background-size: cover;
	background-image: url('img/icon-chevron-down.svg');
	background-repeat: no-repeat;
	background-position: center center;
	width: 24px;
	height: 24px;
}

.header .language-selector ul#languages {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;

	padding: 5px 10px;
	margin-top: 10px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 1px 1px 4px 1px #11111117;
}

.header .language-selector ul#languages li {
	padding: 5px 0;
}

.header .language-selector ul#languages li a {
	display: flex;
}

@media(max-width:768px) {
	.header {
		height: 75px;
	}

	.header:after {
		left: 20px;
	}

	.header .logo {
		height: 28px;
	}

	.header .phone {
		height: 28px;
		line-height: 28px;
	}

	.header .phone a img {
		margin-right: 5px;
		height: 16px;
	}

	.header .phone a span {
		font-size: 16px;
	}

	.header .language-selector {
		margin-left: 15px;
		height: 28px;
	}

	.header .language-selector #selected-language img {
		width: auto;
		height: 24px;
	}

	.header .language-selector ul#languages {
		top: 20px;
	}
}


.content {
	padding: 20px 50px;
}

.content h1 {
	margin: 0;
	margin-bottom: 50px;
	padding: 0;
	font-weight: 300;
	font-size: 52px;
	line-height: 100%;
	letter-spacing: 0%;

}

.content ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style-type: none;
	gap: 50px;
	margin: 0;
	padding: 0;
}

.content ul li#brochures_loader {
	width: 100%;
}

.content ul li#brochures_loader img {
	display: block;
	margin: 0 auto;
	max-width: 32px;
	height: auto;
}

.content ul li a {
	text-decoration: none;
}

.content ul li img {
	width: 100%;
	max-width: 440px;
	height: auto;
}

@media(max-width:768px) {
	.content {
		padding: 20px;
	}

	.content h1 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.content ul {
		gap: 20px;
	}
}