@font-face {
	font-family: "Eurostile";
	src: url("../../Content/Fonts/EurostileExtended.ttf") format("tff");
}

.news-header {
	display: flex;
	justify-content: center;
	width: 100%;
	padding-top: 4em;
}

	.news-header div {
		display: flex;
		justify-content: end;
		align-items: center;
		flex-grow: 1;
		flex-basis: 0;
	}

.news-title {
	font-size: 5rem;
	font-family: Eurostile;
	color: black;

}

.news-platform {
	width: 100%;
	height: 50%;
	background-color: white;
	color: black
}

.main-column-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-top: 72px;
	padding-bottom: 72px;
	min-height: 530px;
}

	.main-column-container div {
		flex-grow: 0;
		flex-basis: 0;
	}

.three-columns-container {
	display: flex;
	flex-direction: row;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 4em;
	margin-bottom: 10em;
}

.newsThreeArticlesImage {

	width: 460px;
	height: 230px;
}

.newsFeaturedArticlesContainer {
	margin-left: 10%;
}

.newsFeaturedArticleImage {
	width: 100%;
}

.newsRightArticlesContainer {
	margin-left: 2.5%;
	margin-right: 10%;
}


.newsThreeArticlesContainerCenter {
	padding-left: 5%;
	padding-right: 5%;
}

.newsArticleText {
	padding-top: 2rem;
	font-family: Eurostile;
}

.newsArticleText1 {
	color: black;
	font-family: Eurostile;
	padding-top: 2rem;
}

.newsFeaturedTextTop {
	margin-top: -20rem;
}

.newsFeaturedText {
	font-size: 3rem;
	line-height: 1.2em;
	padding-left: 4rem;
	color: white;
	font-family: Eurostile;
	width: 95%;
}

.newsSecondArticle {
	margin-top: 4em;

}

@media (min-width: 2560px) {

	.newsFeaturedArticleImage {
		width: 100%;
	}

	.newsFeaturedArticlesContainer {
		margin-left: 20%;
		
	}

	.newsRightArticlesContainer {
		margin-left: 5%;
		margin-right: 20%;
	}

	.newsArticleText1 {
		font-size: 1.6rem;
	}

	.three-columns-container {
		margin-left: 20%;
		margin-right: 20%;
	}

}

@media (max-width: 1536px) {

	.news-title {
		font-size: 4rem;
	}

	.newsArticleText1 {
		font-size: 1.4rem;
	}

	.newsFeaturedTextTop {
		margin-top: -6em;
	}

	.newsFeaturedText {
		font-size: 2rem;
	}

	.newsFeaturedArticlesContainer {
		margin-left: 4%;
	}

	.newsRightArticlesContainer {
		margin-left: 0;
	}

	.newsRightArticlesContainer {
		margin-right: 4%;
	}

	.three-columns-container {
		margin-left: 4%;
		margin-right: 4%;
		margin-top: 0;
		margin-bottom: 10em;
	}
}

@media (max-width: 1366px) {
	.newsFeaturedArticlesContainer {
		margin-left: 2%;
	}

	.newsRightArticlesContainer {
		margin-right: 2%;
	}

	.newsSecondArticle {
		margin-top: 3em;
	}

	.three-columns-container {
		margin-left: 2%;
		margin-right: 2%;
	}
}

@media (max-width: 480px) {

	.main-column-container {
		display: block;
		padding-bottom: 2em;
	}

	.newsMobilePadding {
		padding-left: 10%;
		padding-right: 10%;
	}

	.newsFeaturedArticlesContainer {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10em;
	}

	.newsRightArticlesContainer {
		margin-left: 0;
		margin-right: 0;
	}

	.newsArticleText1 {
		font-size: 2rem;
	}

	.newsFeaturedText {
		font-size: 2.4rem;
}

	.three-columns-container {
		display: block;
	}


	.three-columns-container {
		margin-left: 0;
		margin-right: 0;
	}

	.newsThreeArticlesContainerCenter {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 2em;
	}

	.newsThreeArticlesContainerLeft {
	margin-bottom: 2em;
	
	}

	.newsThreeArticlesContainerRight {
		margin-bottom: 2em;
	}

}