body {
	background: var(--background-color);
	color: var(--main-text-color);
}

a:visited {
	color: var(--main-text-color);
}
	
.nav-button {
	background-color: var(--menu-button-bg);
}

.nav-button svg {
	fill: var(--menu-button-svg);
}

.nav-item {
	color: var(--main-text-color);
}

.button--primary {
	background-color: var(--button-primary-bg);
	color: var(--button-primary-color);
}

.button--primary:visited {
	color: var(--button-primary-color);
}

.button--primary:hover {
	background-color: var(--button-primary-bg-hover);
	color: var(--button-primary-color-hover);
}

.button--secondary {
	background-color: var(--button-secondary-bg);
	color: var(--button-secondary-color);
}

.button--secondary:visited {
	color: var(--button-secondary-color);
}

.button--secondary:hover {
	background-color: var(--button-secondary-bg-hover);
	color: var(--button-secondary-color-hover);
}

.hero {
	background-image: var(--hero-bg-desktop);
}

.section--news {
	background: var(--background-color);
}

.section--download .download-listitem a {
	background: var(--download-button-bg);
	color: var(--download-button-color);
}

.section--download .download-listitem a:visited {
	color: var(--download-button-color);
}

.section--download .download-listitem svg {
	fill: var(--download-button-icon);
}

@media screen and (max-width: 750px) {
	.hero {
		background-image: var(--hero-bg-mobile);
	}

	.section--news {
		background: var(--white-color);
	}
}