body.white-header:not(.scrolled-body) .site-header .logo {
	background-image: url(../images/logo.svg);
}
.content {
	background-image: url(../images/news/news_bg.jpg);
	background-position: center bottom;
	background-size: 100%;
	background-repeat: no-repeat;
}
.intro{
	display:flex;
	width:100%;
	flex-direction:column;
	background-image:url(../images/news/header.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	padding:150rem 0 0 0;
	color:#fff;
	min-height:100vh;
	justify-content:center;
}
	.intro .article {
		display: flex;
		width: 100%;
		position: relative;
		gap:120rem;
		align-items:center;
		color:#fff;
		text-decoration:none;
	}
		.intro .article:hover .button, .intro .more-container .button:hover {
			color: #979797;
		}
	.intro .details {
		display: flex;
		flex-direction: column;
		width: 50%;
		position: relative;
	}
	/*.intro h1 {
		margin-bottom:70rem;
	}*/
		.intro .category, .intro .details p {
			font-size: 18rem;
			font-style: normal;
			font-weight: 300;
			line-height: 117%;
			margin-bottom: 40rem;
			color: #fff;
		}
	.intro .title {
		/*color: #2348EE;*/
		font-size: 40rem;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		margin-bottom: 20rem;
		color: #fff;
	}
	.intro .description {
		font-size: 20rem;
		font-style: normal;
		font-weight: 300;
		line-height: 117%;
		margin-bottom: 40rem;
		color: #fff;
	}

	.intro .image {
		width: 50%;
		height:410rem;
		position: relative;
	}
	.intro .image img{
		display:block;
		width:100%;
		height:100%;
		object-fit:cover;
	}
.intro .more-container{
	padding-top:40rem;
	padding-bottom:65rem;
	display:flex;
	justify-content:center;
	align-items:center;
}
.articles-list {
	display:flex;
	justify-content:space-between;
	padding-top: 120rem;
	padding-bottom:60rem;
}
.articles-list .articles{
	display:flex;
	gap:  25rem;
	flex-wrap:wrap;
	position:relative;
}
	.articles-list .filters-list {
		width: 362rem;
		min-width: 362rem;
		position:relative;
	}
	.articles-list .filter .items {
		display: flex;
		flex-wrap: wrap;
		gap: 15rem;
	}

.filters	   {
	display:flex;
	flex-direction:column;
	gap:40rem;
	width:100%;
	position:sticky;
	top:150rem;
}
.filter .items .filter-item {
	color: #979797;
	text-align: center;
	font-size: 14rem;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 16.8px */
	letter-spacing: 0.56rem;
	padding: 5rem 10rem;
	border-radius: 68rem;
	border: 1px solid #979797;
	display: inline-flex;
	text-decoration: none;
	justify-content: center;
	align-items: center;
	cursor:pointer;
}
	.filter .items .filter-item.selected {
		color: #FFF;
		border: 3px solid #2348EE;
		background: #2348EE;
	}

.filter h4 {
	color:#0D1641;
	font-size: 30rem;
	font-style: normal;
	font-weight: 700;
	line-height: 99.083%;
	margin:0 0 20rem 0;
}
.articles-list .actions{
	width:100%;
	padding:50rem 0;
	text-align:center;
}

.filters select{
	display:none;
}
@media screen and (orientation: portrait) {
	body.white-header:not(.scrolled-body) .site-header .logo {
		background-image: url(../images/logo-alt.svg);
	}
	.intro {
		background-image: none;
		justify-content: center;
		background-color: #0D1641;
		padding: 0;
		padding-top: 80rem;
	}
	.intro .article {
		gap: 60rem;
		flex-direction: column;
	}
	.intro .details {
	  width: 100%;
	  order:1;
	}
	.intro .button{
		margin-top:75rem;
	}
	.intro .image {
	  width: 100%;
	  height: 642rem;
	}
	.intro .more-container	{
		display:none;
	}
		.intro .category, .intro .details p {
			font-size: 36rem;
		}
	.intro .title {
		font-size: 78rem;
	}
	.intro .description {
		/*font-size: 42rem;*/
		display:none;
	}
	.articles-list{
		flex-direction:column;
	}
	.articles-list .filters-list {
		width: 100%;
		order:0;
	}
		.articles-list .articles {
			width: 100%;
			order: 1;
			gap: 75rem;
			margin-top:75rem;
		}
	.filters {
		display: flex;
		flex-direction: row;
		gap: 90rem;
		width: 100%;
		position: relative;
		top: auto;
	}
	.filter h4 {
		font-size: 60rem;
	}
	.filters select {
		display: block;
		color: #FFF;
		font-size: 36rem;
		font-style: normal;
		font-weight: 600;
		line-height: 120%;
		letter-spacing: 0.48rem;
		border-radius: 0;
		border: 3px solid #2348EE;
		background: #2348EE;
		padding:10rem 30rem;
	}
	.filter .items .filter-item {
		display: none;
	}
}