/* 

Table of Contents:
	Why Donate / Process
	Where the money goes
	Mobile/Destop Settings

*/

/* Why Donate and Process */

/* #process {
	display: grid;
	align-items: stretch;
	gap: 1rem;
} */

.three-step > div {
	display: flex;
	flex-direction: column;
}

.three-step {
	display: grid;
	gap: 1em;
}

.card {
	flex-grow: 1;
	background-color: var(--sand);
	border-radius: var(--round-corners);
	display: grid;
	justify-items: center;
	padding: 1rem;
}

.card picture {
	display: grid;
}

.card img {
	max-width: 40%;
	margin-inline: auto;
}

.card p {
	text-wrap: balance;
}

/* Where the money goes */
.two-col {
	display: grid;
	align-items: center;
	gap: 1rem;
}

#split * {
	text-align: left;
}

/* Mobile/Destop Settings */

@media (min-width: 700px) {
	/* #process {
		grid-template-columns: 1fr 1fr;
	} */

	.three-step {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (min-width: 1175px) {
	/* #process {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	} */

	.two-col {
		grid-template-columns: 1fr 1fr;
	}
}