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

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

#mod1 article {
	width: 100%;
}

#mod1 article:nth-child(1) {
	grid-column: 1 / 7;
}

#mod1 article:nth-child(2) {
	grid-column: 8 / 14;
}

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

#mod1 article img {
	width: 50%;
	max-width: 310px;
}

#mod1 article h3 {
	margin-bottom: 0%;
	font-size: 1.5rem;
	color: #C10000;
}

#mod1 article p {
	margin-top: 0%;
	font-size: 1rem;
}

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

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

}

@media screen and (max-width: 600px) {
	
	#mod1 {
		margin-top: 5vh;
		padding: 0px 10%;
		width: 80%;
	}

	#mod1 article {
		text-align: center;
	}

	#mod1 article img {
		width: 40%;
	}

	#mod1 article:nth-child(1) {
		grid-column: 1 / 21;
	}

	#mod1 article:nth-child(2) {
		grid-column: 1 / 21;
		margin-top: 6%;
	}

	#mod1 article:nth-child(3) {
		grid-column: 1 / 21;
		margin-top: 6%;
	}

	#mod1 article h3 {
		margin: 4% 0% 2.5% 0%;
	}

	#mod1 article p {
		margin-top: 0%;
	}
}