@charset "UTF-8";

.news-box {
	display: flex;
	flex-wrap: wrap;
	margin: 1rem 0;
}

.news-box > div {
	/*display: flex;*/
	/*flex-wrap: wrap;*/
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	width: calc(33.3% - 0.66rem);
	margin-bottom: 1rem;
}

.news-box > div:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.news-box > div:nth-of-type(3n-1) {	margin-left: 1rem; margin-right: 1rem;}

.news-box > div > div {
  padding: 1rem;
}

.news-box > div > div > h2 {
	margin-top: 0;
}

.news-box > div > div > p {
  padding: 0;
}

.news-box > div > a {
  width: 100%;
	line-height: 0;
}

.news-box > div > a > img {
  width: 100%;
}

/* MAIN BOX */

.news-box-main {
	display: flex;
	flex-wrap: wrap;
}

.news-box-main  > div > p {
	margin-bottom: 0.25rem;
}

.news-box-main  > div > a.news-img {
	float: right;
	margin: 0 0 1rem 1rem;
	border: 10px solid transparent;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	line-height:0;
}


.news-box-main  > div > a.news-img:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.7);
}

.news-box-main  > div > p.news-datum {
	font-size: 85%;
}

.news-back {
	margin: 1rem 0;
	display:flex;
	align-items:center;
	justify-content: center;	
	}

.news-back a {
	text-decoration: none; 
	background: #159838;
	border: 1px solid #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	padding: 0.33rem;
	color: #fff;

	margin: 1rem 0;
	}
	
.news-back a:hover{
	text-decoration: none;
	background: #1dd14d;
	border: 1px solid #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	padding: 0.33rem;
	color: #fff;	
}