.segment-container {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	margin-top: 3.5rem;
	background-color: var(--color-yellow);
}

.segment-container > .layout-content {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}

.segment-container .segment {
	margin: 0;
	color: var(--color-mid-green);
	border: none;
}

.segment-container .segment .yellow {
	color: white;
}

.segment-container .segment .field__item .yellow,
.segment-container .segment .field__item .light-green {
	color: currentColor;
	font-weight: 700;
}

.segment-container .button--sungold:hover,
.segment-container .button--green:hover,
.segment-container .button--sungold-green:hover {
	background-color: var(--color-mid-green);
	color: white;
}

@media screen and (min-width: 768px) {

	.segment-container > .layout-content {
		padding-top: 0;
		padding-bottom: 0;
	}
}