:root {
	/* --------------------------------- general -------------------------------- */
	--small-content-width: 53.12%;
	--content-width: 81.25%;
	--big-content-width: 96.14%;
	--mobile-top-bar-height: 6rem;
	/* --------------------------------- colors --------------------------------- */
	--color-1: #ccbda8;
	--color-1-lighter: #F2EDE7;
	--color-1-darker: #998D7F;
	--color-2: #545454;
	--color-3: #c4cfd3;
	--color-4: #966f60;
	--color-5: #a88a7f;
	--color-text: #4B4D5A;
	--color-black: #222222;
	--color-white: #ffffff;
	--color-gray: #F4F3F2;
	--color-warning: rgba(162, 2, 2, 1);
	--color-warning-lighter: rgba(162, 2, 2, 0.2);
	--color-success: rgba(2, 162, 50, 1);
	--color-success-lighter: rgba(2, 162, 50, 0.2);
	--color-info: rgba(2, 26, 162, 1);
	--color-info-lighter: rgb(2, 26, 162, 0.2);
	--overlay-light: rgba(255, 255, 255, 0.3);
	--overlay-dark: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 36.68%, rgba(30, 22, 16, 0.35) 95.02%);
	/* --------------------------- nutro color-scheme --------------------------- */
	--nutro-orange: #F39200;
	--nutropia-grey: #4B4D5A;
	/* -------------------------- metanorm color-scheme ------------------------- */
	--meta-red: #E30613;
	/* ---------------------------- vis color-scheme ---------------------------- */
	--vis-green: #316D1E;
	/* ---------------------------- selo color-scheme --------------------------- */
	--selo-pink: #F0B3D2;
	/* --------------------------------- spacing -------------------------------- */
	--text-img-spacing: 3%;
	--img-border: 0.5rem solid var(--color-white);
	--padding-small: 1.5rem;
	--padding-standard: 3rem;
	--padding-big: 4.5rem;
	--multicolumn-text-spacing: 2rem;
	/* ---------------------------------- menu ---------------------------------- */
	--top-bar-width: 98%;
	--menu-gap: .5rem;
	--megamenu-width: 86%;
	--burger-menu-min-height: 42rem;
	--menu-item-padding: 1.3rem;
	--menu-height: 5.1rem;
	--burger-menu-width: 2.4rem;
	--burger-menu-height: 1.6rem;
	--burger-menu-transition: var(--transition-short);
	/* ------------------------ animations / transitions ------------------------ */
	--transition-long: 1000ms;
	--transition-normal: 500ms;
	--transition-short: 300ms;
	/* ---------------------------------- fonts --------------------------------- */
	--font-1: "Montserrat", Helvetica, Arial, sans-serif;
	--font-2: "Roboto", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 1023px) {
	:root {
		--content-width: 90%;
	}
}
@media only screen and (max-width: 767px) {
	:root {
		--mobile-top-bar-height: 5rem;
		--content-width: 87.5%;
		--big-content-width: 87.5%;
		--small-content-width: 87.5%;
	}
}