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

	margin: 15vh auto 0px auto;
	width: 100%;
	max-width: 1080px;
}

#mod3 h2 {
	grid-column: 1 / 21;
	margin-top: 0px;
	font-size: 4rem;
	text-transform: uppercase;
}

#mod3 article {
	position: relative;
	margin-bottom: 4%;
	width: 100%;
	border: 1px solid #000000;
	border-radius: 20px;
}

#mod3 article:nth-child(even) {
	grid-column: 1 / 11;
}

#mod3 article:nth-child(odd) {
	grid-column: 11 / 21;
}

#mod3 article img {
	position: relative;
	left: 0px;
	top: 0px;
	width: 27.4%;
	max-width: 145px;
	border-top-left-radius: 20px;
}

#mod3 article div {
	padding: 9% 10%;
	width: 80%;
}

#mod3 article div h3 {
	margin-top: 0%;
	width: 80%;
}

#mod3 article div p {
	margin-bottom: 0%;
}

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

	#mod3 {
		padding: 0px 5%;
		width: 90%;
	}

}

@media screen and (max-width: 600px) {
	
	#mod3 {
		margin-top: 7.5vh;
		padding: 0px 10%;
		width: 80%;
	}
	
	#mod3 h2 {
		font-size: 2rem;
	}

	#mod3 article:not(#mod3 article:nth-last-child(1)) {
		margin-bottom: 12.5%;
	}

	#mod3 article:nth-child(even), #mod3 article:nth-child(odd) {
		grid-column: 1 / 21;
	}
	
	#mod3 article div h3 {
		font-size: 1.2rem;
	}

	#mod3 article div p {
		font-size: 0.8rem;
	}

}