main {
	max-width: 1920px;
	margin: 0 auto;
	background-color: #18191b;
	padding: 1%;
}

.news-box {
	width: 1220px;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
}

.news-box-card {
	width: 48%;
	height: auto;
	margin: 0 auto;
}
.news-box-card a img{
	border-radius: 1%;

}
.news-box-card-text {
 width: 100%;
 height: auto;
 text-align: center;
}
.news-box-card-text h3:hover{
 color: #e8bc59;
}
.news-box-card-text  a{
	text-decoration: none;
	color:white;
	
}
.news-box-card-text p{
	color: white;
	font-size: 22px;
}
.news-box-card-text  strong{
   margin: 2% auto;
   font-size: 24px;
   color: white;
   align-items: center;
}


@media screen and (max-width:1220px) {
	main {
		max-width: 100%;
		margin: 0 auto;
		background-color: #18191b;
		padding: 1%;
	}
	.news-box {
		width: 98%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
	}
	

}

@media screen and (max-width:768px) {
	.news-box {
		width: 98%;
		height: auto;
		margin: 0 auto;
	}
	.news-box-card a img{
		border-radius: 1%;
		width: 100%;
		height: auto;
	
	}
	.news-box-card {
		width: 95%;
		height: auto;
		margin: 0 auto;
	}

}

@media screen and (max-width:768px) {
	.news-box {
		width: 98%;
		height: auto;
		margin: 0 auto;

	}

}

@media screen and (max-width:500px) {
	.news-box {
		width: 98%;
		height: auto;
		margin: 0 auto;

	}

}

@media screen and (max-width:350px) {
	.news-box {
		width: 98%;
		height: auto;
		margin: 0 auto;

	}

}