.help-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 2.5rem;
	&.help-nav--column {
		flex-direction: column;
		max-width: 1350px;
		margin: 0 auto;
		padding: 0 1rem;
	}
	&.help-nav--column .help-nav--col {
		text-align: center;
		align-items: center;
		gap: 1.5rem !important
	}
	&.help-nav--column .help-nav--col ul {
		display: flex;
		flex-direction: column;
		text-align: left;
	}
	&.help-nav--column .help-nav--col a.button.button__large {
		width: auto;
	}
	&.help-nav--column {
		gap: 1rem;
	}
	.help-nav--col {
		flex: 1 1 100%;
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
	.help-nav--col h2 {
		margin: 0;
	}
	.help-nav--content p {
		font-size: var(--font-size__extra);
	}
	a.button.button__large {
		font-size: calc(
			(16px + (28 - 16) * (100vw - 380px) / (1920 - 380)) * var(--size-factor)
		);
		padding: 1.25rem 1.5rem;
		text-transform: uppercase;
	}
	.help-nav--col a.button {
		position: relative;
	}
}
@media screen and (min-width: 700px) {
	.help-nav.help-nav--column {
		padding: 0 1.5rem;
	}
}
@media screen and (min-width: 800px) {
	.help-nav {
		flex-wrap: nowrap;
		gap: calc(25px + (80 - 25) * (100vw - 1100px) / (1920 - 1100));
		.help-nav--col {
			flex: 1 1
				calc(
					50% - calc(25px + (80 - 25) * (100vw - 1100px) / (1920 - 1100))
				);
		}
	}
}
@media screen and (min-width: 1100px) {
	.help-nav.help-nav--column {
		padding: 0 3rem;
	}
}