#main_news_container
{
	width : 100%;
	margin : 0px;
	padding : 0px;
	display : flex;
	flex-direction : column;
	justify-content : center;
	margin-top : 20px;
}

#main_news
{
	width : calc(80% - 2px);
	margin : 0px;
	padding : 0px;
	display : flex;
	flex-direction : column;
	justify-content : center;
	margin : auto;
	/*box-shadow: 0px 0px 5px 1px #333;*/
	background-color : white;
	border-left : 1px solid rgb(19, 66, 106);
	border-right : 1px solid rgb(19, 66, 106);
	border-bottom : 1px solid rgb(19, 66, 106);
	/*border-radius : 10px;*/
}

#news_container
{
	width : calc(100% - 20px);
	margin : 0px;
	padding : 10px;
	display : flex;
	flex-wrap : wrap;
	justify-content : center;
}

.news_item
{
	width : 250px;
	margin : 10px;
	padding : 0px;
	display : flex;
	justify-content : flex-start;
	flex-direction : column;
	align-content : flex-start;
	background-color : rgb(0, 148, 223);
	color : white;
	border : 1px solid rgb(19, 66, 106);
	background: linear-gradient( #13416a , #0094df 20%, #0094df 75%, #13416a);
	box-shadow: 0px 5px 5px 0px #333;
	height : 448px;
}

.news_item:hover
{
	background-color : rgb(19, 66, 106);
	background: linear-gradient( #13416a , #0094df 40%, #0094df 50%, #13416a);
}

.news_item img
{
	/*width : 230px;*/
	height : 130px !important;
	/*width : auto;*/
	margin : 10px;
	padding : 0px;
	display : block;
}

.news_item h2
{
	margin : 0px;
	padding : 10px;
	border-bottom : 1px solid white;
	margin-bottom : 10px;
	font-size : 1.2em;
	height : 100px;
	overflow : hidden;
}

.news_item p
{
	margin : 0px;
	padding : 0px;
	text-align : justify;
	padding : 10px;
	height : 175px;
	overflow : hidden;
}

.news_button
{
	border : 1px solid white;
	display : block;
	margin : auto;
	margin-bottom : 10px;
	color : white;
	text-decoration : none;
	padding-left : 15px;
	padding-right : 15px;
	padding-top : 5px;
	padding-bottom : 5px;
	font-weight : bold;
	border-radius : 5px;
}

.news_button:hover
{
	background-color : white;
	color : rgb(19, 66, 106);
}