#mod7 {
	margin: 15vh auto 0px auto;
	padding: 15vh 0px;
	width: 100%;
	color: #ffffff;
	background-color: #000000;
}

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

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

#mod7 article h2 {
	grid-column: 1 / 21;

	margin-top: 0px;
	font-size: 4rem;
	text-transform: uppercase;
}

#mod7 article div:nth-child(2) {
	grid-column: 3 / 18;
	margin-bottom: 10vh;
}

#mod7 article div:nth-child(2) p:nth-child(1) {
	margin-top: 0px;
}

#mod7 article div:nth-child(2) p:nth-child(2) {
	margin-bottom: 0px;
}

#mod7 article div:nth-child(3), #mod7 article div:nth-child(4), #mod7 article div:nth-child(5), #mod7 article div:nth-child(6) {
	grid-column: 1 / 21;

	margin-bottom: 3%;
	padding: 3% 10%;
	width: 80%;
	border: 1px solid #ffffff;
	border-radius: 20px;
}

#mod7 article div h3 {
	margin-top: 0px;
	font-size: 1.5rem;
}

#mod7 article div:nth-child(3) p, #mod7 article div:nth-child(4) p, #mod7 article div:nth-child(5) p, #mod7 article div:nth-child(6) p {
	margin-bottom: 0px;
}

#mod7 article div:nth-child(6) {
	margin-bottom: 0%;
}

#mod7 article div:nth-child(7) {
	grid-column: 3 / 18;
	margin: 10vh 0px;
}

#mod7 article div:nth-child(7) p {
	margin: 0px;
}

#mod7 article div:nth-child(8) {
	grid-column: 3 / 8;
}

#mod7 article div:nth-child(9) {
	grid-column: 8 / 13;
}

#mod7 article div:nth-child(10) {
	grid-column: 13 / 18;
}

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

	#mod7 article {
		padding-left: 5%;
		padding-right: 5%;
		width: 90%;
	}

}

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

	#mod7 {
		margin-top: 10vh;
		padding: 10vh 0px;
	}

	#mod7 article:nth-child(1) {
		padding: 0px 10%;
		width: 80%;
	}

	#mod7 article:nth-child(1) h2 {
		font-size: 2rem;
	}

	#mod7 article div:nth-child(2) {
		grid-column: 1 / 21;
		margin-bottom: 9%;
	}

	#mod7 article div:nth-child(3), #mod7 article div:nth-child(4), #mod7 article div:nth-child(5), #mod7 article div:nth-child(6) {
		margin-bottom: 9%;
		padding: 6% 10%;
	}

	#mod7 article div:nth-child(6) {
		margin-bottom: 0%;
	}

	#mod7 article div h3 {
		font-size: 1.2rem;
	}

	#mod7 article div p {
		font-size: 0.75rem;
	}

	#mod7 article div:nth-child(7) {
		grid-column: 1 / 21;
		margin: 9% 0px 18% 0px;
	}

	#mod7 article div:nth-child(8), #mod7 article div:nth-child(9), #mod7 article div:nth-child(10) {
		grid-column: 1 / 21;
		margin-bottom: 6%;
	}

	#mod7 article div:nth-child(10) {
		margin-bottom: 0%;
	}

}

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

	#mod7 article div:nth-child(3), #mod7 article div:nth-child(4), #mod7 article div:nth-child(5), #mod7 article div:nth-child(6) {
		padding: 9% 10%;
	}

}