#mod5 {
	display: grid;
	grid-template-columns: repeat(20, 1fr);
	column-gap: 1%;

	position: relative;
	margin: 10vh auto 0px auto;
	width: 100%;
	max-width: 1080px;
}

#mod5 article {
	position: relative;
	width: 100%;
	border-radius: 20px;
	cursor: pointer;

	background-image: url('https://www.cvc.com.br/dicas-de-viagem/wp-content/uploads/2022/03/tudo-sobre-o-pantanal-onde-fica-quando-ir-o-que-fazer-e-mais.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top center;
	background-color: #cccccc;
}

#mod5 article:hover {
	background-size: 110%;
	transition: background 2s;
}

#mod5 article:not(#mod5 article:nth-child(1), #mod5 article:nth-child(2), #mod5 article:nth-child(3)) {
	/*margin-top: 8vh;*/
}


#mod5 article:nth-child(4n+1) {
	height: 420px;
}

#mod5 article:nth-child(4n+2) {
	height: 600px;
}

#mod5 article:nth-child(4n+3) {
	height: 380px;
}


#mod5 article:nth-child(3n+1) {
	grid-column: 1 / 7;
}

#mod5 article:nth-child(3n+2) {
	grid-column: 8 / 14;
}

#mod5 article:nth-child(3n+3) {
	grid-column: 15 / 21;
}


#mod5 article:nth-child(1) {
	background-image: url('../images/portfolio/miniatura-projeto1.jpg');
}

#mod5 article:nth-child(2) {
	background-image: url('../images/portfolio/miniatura-projeto2.jpg');
}

#mod5 article:nth-child(3) {
	background-image: url('../images/portfolio/miniatura-projeto5.jpg');
}

#mod5 article:nth-child(4) {
	background-image: url('../images/portfolio/miniatura-projeto6.jpg');
}

#mod5 article:nth-child(5) {
	background-image: url('../images/portfolio/miniatura-projeto9.jpg');
}

#mod5 article:nth-child(6) {
	background-image: url('../images/portfolio/miniatura-projeto10.jpg');
}

#mod5 article:nth-child(7) {
	background-image: url('../images/portfolio/miniatura-projeto13.jpg');
}

#mod5 article:nth-child(8) {
	background-image: url('../images/portfolio/miniatura-projeto14.jpg');
}

@media screen and (max-width: 1080px) {

	#mod5 {
		padding: 0% 5%;
		width: 90%;
	}

}

@media screen and (max-width: 600px) {

	#mod5 {
		grid-template-columns: repeat(40, 1fr);
		padding-left: 0%;
		padding-right: 0%;
		width: 100%;
	}

	#mod5 article {
		background-size: cover;
	}

	#mod5 article:nth-child(3n+1) {
		height: 252px;
	}

	#mod5 article:nth-child(3n+2) {
		height: 360px;
	}

	#mod5 article:nth-child(3n+3) {
		height: 228px;
	}


	#mod5 article:nth-child(2n+1) {
		grid-column: 5 / 20;
	}

	#mod5 article:nth-child(2n+2) {
		grid-column: 22 / 37;
	}

}