.doodle-quote-right {
	margin: 0 auto;
	display: block;
	max-width: 280px;

	&:after {
		font-size: 0.8em;
		padding: 10px 10px 0 10px;
	}
}
p.subtitle {
	font-size: 18px;
	line-height: 27px;
	margin: 0;
	text-align: center;
}
.impact-banner__items {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;

	.impact-banner__item {
		display: flex;
		flex-direction: column;
		align-items: center;

		&.moneypot {
			order: 2;
		}

		&.generous {
			order: 3;
		}

		&.generous, &.moneypot {
			flex: 1 1 50%;
			display: flex;
		}

		&.charity {
			flex: 1 1 100%;
			order: 1;
			padding: 30px 0;

			.impact-banner__amount {
				font-size: 60px;
				line-height: 62px;
			}
		}

		img {
			width: auto;
		}

		.impact-banner__amount {
			font-size: 50px;
			line-height: 52px;
		}

		.impact-banner__label {
			font-weight: 700;
			font-size: 16px;
			line-height: 24px;
		}
	}
}

.impact-banner__notice {
	margin: 1em 0 2.5em;
	font-style: italic;
	font-weight: 400;
	font-size: 0.8em;
	text-align: center;
}

@media screen and (min-width: 720px) {
	.arrow-quote.impact {
		top: 0;
		left: 10px;
		color: var(--color-mandarin);
		.tribeecon-arrow {
			transform: scaleX(-1);
		}
	}

	.impact-container, .impact-banner {
		max-width: 1100px;
		margin: 0 auto;
	}

	.impact-container {
		position: relative;
		padding-top: 80px;
	}

	.impact-banner__items {
		padding-top: 30px;

		.impact-banner__item {
			display: flex;
			flex-direction: column;
			align-items: center;
			flex: 1 1 auto !important;
			padding: 0 !important;

			&.moneypot {
				order: 1
			}

			&.charity {
				order: 2;
			}

			&.generous {
				order: 3;
			}

			img {
				max-width: 180px;
			}

			.impact-banner__label {
				font-size: 18px;
				line-height: 27px;
			}
		}
	}

	.impact-banner__notice {
		margin-bottom: 1em;
	}
}
@media screen and (min-width: 1000px) {
	.doodle-quote-right {
		max-width: 330px;
	}
}