.news-list {
	display:flex;
	flex-direction:column;
	gap:1rem;
	font-size:1.2rem;
	padding-bottom:1em;
}
.news-list .item {
	padding:1em;
	background:#fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
	display:flex;
	gap:1em;
}
.news-list .item .image {
	flex: 0 0 auto;
}
.news-list .item .image img {
	max-width:100%;
	height:auto;
}
.news-list .item .info {
	flex: 1 1 auto;
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.news-list .item h2{
	margin:0;
}

.news-list .item .date{
	color:#888; 
	font-weight:bold;
}
.news-list .item p{
	margin:0 0 .5em 0;
}

.news-item {
	padding:10pt;
	background:#fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
	display:flex;
	gap:1em;
}
.news-item .image {
	flex: 0 0 auto;
}
.news-item .info {
	flex: 1 1 auto;
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.news-item h2{
	margin:0;
}

.news-item .date{
	color:#888; 
	font-weight:bold;
}
.news-item p{
	margin:0 0 .5em 0;
}
.news-gotoback {
	margin:1em 0;
	text-align:center;
}

@media (max-width:650px) {
	.news-list {
		font-size:1rem;
		gap:.5rem;
	}
	.news-list .item {
		padding:0 0 .5rem;
		box-shadow:none;
		border-bottom:1px solid #ccc;
		gap:.5em;
	}
	.news-list .item h2 {
		line-height:1;
	}
	.news-list .item:last-child {
		padding:0;
		border-bottom:none;
	}
	.news-list .item .image {
		max-width:33%;
	}
	.news-list .item .info {
		gap:.5em;
	}	
}
@media (max-width:450px) {
	.news-list .item .image {
		display:none;
	}
}