.news {
	max-width: 1500px;
	z-index: 0;
	display: flex;
	flex-direction: column;
	margin: -140px auto auto;
	position: relative;
}
.news h2 {
	font-size: 3rem;
	z-index: 1000;
	display: flex;
	justify-content: center;
	color: #fff;
	padding: 0 20px;
	margin: auto;
}
@media only screen and (max-width: 500px) {
	.news h2 {
		font-size: 2.5rem;
	}
}
@media only screen and (max-width: 400px) {
	.news h2 {
		font-size: 2rem;
	}
}
.news > .wrapper {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 20px;
  padding: 75px;
}
@media only screen and (max-width: 900px) {
	.news > .wrapper {
		padding: 40px;
	}
}
@media only screen and (max-width: 400px) {
	.news > .wrapper {
		padding: 20px;
	}
}
@media only screen and (max-width: 350px) {
	.news > .wrapper {
		grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
		min-width: none;
	}
}
.news article {
  background: #f5f5f5;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
	z-index: 0;
	color: #fff;
	min-height: 250px;
	min-width: 250px;
	position: relative;
}
.news article:nth-child(1) {
	background: url(/images/Puf_Store_Arnhem-1_blurred.jpg);
	background-size: cover;
	background-position: center;
}
.news article:nth-child(2) {
	background-color: #d397fa;
}
.news article:nth-child(3) {
	background: url(/images/Puff_Store_Arnhem-2_blurred.jpg);
	background-size: cover;
	background-position: center;
}
.news article:nth-child(4) {
	background-color: aquamarine;
}
.news article:nth-child(5) {
	background: url(/images/Puf_Store_Arnhem-1_blurred.jpg);
	background-size: cover;
	background-position: center;
}
.news article:nth-child(6) {
	background-color: darkturquoise;
}
@media only screen and (max-width: 718px) {
	.news article:nth-child(4),
	.news article:nth-child(5),
	.news article:nth-child(6) {
		display: none;
	}
}
@media only screen and (max-width: 350px) {
	.news article {
		min-width: none;
		width: 100%;
	}
}
.news article a {
  display: block;
  padding: 25px;
  text-decoration: none;
  color: inherit;
  height: 100%;
}
.news article:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 25px rgba(0,0,0,0.15);
}
.news h3 {
  margin: 0 0 10px;
}
.news h4 {
  margin: 0 0 20px;
  font-weight: normal;
  color: #eff;
}
.news p {
  font-weight: bold;
	position: absolute;
	bottom: 25px;
	transition: all 0.2s ease;
}
.news p:hover {
	color: #f5f5f5;
	transform: scale(1.1) translateY(-2px);
}