:root {
	--white: #ffffff;
	--black: #000000;
	--dark-grey: #72706a;
	--light-grey: #8e8b83;
	--light-grey-trans: #a5a8b722;
	--dark-green: #47A099;
	--light-green: #9bddd8;

	--main: var(--light-green);
	--secondary: var(--dark-green);
	--main-text: var(--dark-grey);
	--secondary-text: var(--dark-green);

	--image_grayscale: grayscale(0%);

	/*--font-family: 'Roboto', sans-serif;*/
	--font-family: 'utopia-std-caption', sans-serif;
	/*--font-family-headers: "Source Serif Pro", serif;*/
	--font-family-headers: 'utopia-std', sans-serif;

	--font-size1: 5rem;
	--font-size2: 3rem;
	--font-size3: 2.5rem;
	--font-size4: 1.9rem;
	--font-size5: 1.7rem;
	--font-size6: 1.3rem;
	--font-size7: 1.3rem;

	--letter-spacing1: 12px;
	--letter-spacing2: 6px;
	--letter-spacing3: 0px;

	--padding1: 4rem;

	--column_width1: 27vw;
	--column_width2: 22vw;
	--column_width_no_wrap: 24vw;

	--pagemargintop: 110px;

	--logo_width: 280px;
}

@media (max-width: 599px) {
	:root {
		--font-size1: 3rem;
		--font-size2: 2.1rem;
		--font-size3: 2rem;
		--font-size4: 1.5rem;
		--font-size5: 1.3rem;
		--font-size6: 1.1rem;
		--font-size7: 0.7rem;

		--letter-spacing1 : 6px;
		--letter-spacing2 : 0px;
		--letter-spacing3 : -2px;

		--column_width1 : 44vw;

		--logo_width : 180px;
	}
}
@media (min-width: 600px) and (max-width: 782px) {
	:root {
		--font-size1: 3rem;
		--font-size2: 2.5rem;
		--font-size3: 2rem;
		--font-size4: 1.5rem;
		--font-size5: 1.3rem;
		--font-size6: 1.1rem;
		--font-size7: 1rem;

		--column_width1 : 44vw;

		--logo_width : 200px;
	}
}
@media (min-width: 783px) and (max-width: 1000px) {
	:root {
		--font-size1: 5rem;
		--font-size2: 3rem;
		--font-size3: 2.5rem;
		--font-size4: 1.9rem;
		--font-size5: 1.7rem;
		--font-size6: 1.2rem;
		--font-size7: 0.9rem;
		--logo_width : 220px;
	}
}
@media (min-width: 1000px) {
	:root {
		--font-size1: 5rem;
		--font-size2: 3rem;
		--font-size3: 2.5rem;
		--font-size4: 1.9rem;
		--font-size5: 1.7rem;
		--font-size6: 1.3rem;
		--font-size7: 1rem;

		--logo_width : 270px;
	}
}
@media (min-width: 1400px) {
	:root {
		--column_width_no_wrap : 22vw;
	}
}
@media (min-width: 1600px) {
	:root {
		--column_width_no_wrap : 20vw;
	}
}