.header-logo {
	background-image: url('../../../images/porvoo/porvoon-energia.svg');
	background-position: left center;
	background-size: auto 46px;
	height: 80px;
	width: 300px;
}

:root {
	/* primary */
	--color-primary-50: 138, 76.5%, 96.7%;
	--color-primary-100: 141, 84.2%, 92.5%;
	--color-primary-200: 141, 78.9%, 85.1%;
	--color-primary-300: 142, 76.6%, 73.1%;
	--color-primary-400: 142, 69.2%, 58%;
	--color-primary-500: 142, 70.6%, 45.3%;
	--color-primary-600: 142, 76.2%, 36.3%;
	--color-primary-700: 142, 71.8%, 29.2%;
	--color-primary-800: 143, 64.2%, 24.1%;
	--color-primary-900: 144, 61.2%, 20.2%;
	/* secondary */
	--color-secondary-50: 152, 81%, 95.9%;
	--color-secondary-100: 149, 80.4%, 90%;
	--color-secondary-200: 152, 76%, 80.4%;
	--color-secondary-300: 156, 71.6%, 66.9%;
	--color-secondary-400: 158, 64.4%, 51.6%;
	--color-secondary-500: 160, 84.1%, 39.4%;
	--color-secondary-600: 161, 93.5%, 30.4%;
	--color-secondary-700: 163, 93.5%, 24.3%;
	--color-secondary-800: 163, 88.1%, 19.8%;
	--color-secondary-900: 164, 85.7%, 16.5%;
}