:root {
	/* --------------------------------- general -------------------------------- */
	--content-width: 77.2rem;
	--mobile-top-bar-height: 6rem;
	--color-1: #655d55;
	--color-2: #d5dbd9;
	--color-3: #383329;
	--color-4: #8f9bac;
	--color-5: #afbcab;
	--color-6: #c79d9d;
	--color-background: #EFEFEF;
	--color-text: #545454;
	--color-black: #222;
	--color-white: #fff;
	--color-gray: #f9f9f9;
	--color-warning: rgba(162, 2, 2, 1);
	--color-success: rgba(2, 162, 50, 1);
	--color-info: rgba(2, 26, 162, 1);
	--color-1-lighter: #F2EDE7;
	--color-1-darker: #998D7F;
	--color-warning-lighter: rgba(162, 2, 2, 0.2);
	--color-success-lighter: rgba(2, 162, 50, 0.2);
	--color-info-lighter: rgb(2, 26, 162, 0.2);
	--text-img-spacing: 6.27%;
	--overlay-light: rgba(255, 255, 255, 0.3);
	--overlay-dark: rgba(0, 0, 0, 0.10);
	--img-border: .5rem solid white;
	--menu-gap: 1.5rem;
	--megamenu-width: 86%;
	--burger-menu-transition: 300ms;
	--padding-small: 1.5rem !important;
	--padding-standard: 3rem !important;
	--padding-big: 4.5rem !important;
	--burger-menu-min-height: 42rem;
	--menu-item-padding: 1.3rem;
	--menu-height: 5.1rem;
	--burger-menu-width: 1.4rem;
	--multicolumn-text-spacing: 2rem;
	--contax-sans-700:
		'Contax Sans_75 W05 Bold';
	--contax-sans-600:
		'Contax Sans_65 W05 Medium';
	--contax-sans-400:
		'Contax Sans_45 W05 Light';
	--contax-sans-900:
		'Coronet MT Pro Bold W05 Regular';
	--contax-sans-500:
		'Contax Sans_55 W05 Regular';
	--karla:
		'Karla', sans-serif;
	--poppins:
		'Poppins', sans-serif;
}
:root {
	/* h1 */
	--h1-font-size: 2.753rem;
	--h1-font-weight: 500;
	--h1-line-height: normal;
	--h1-text-transform: none;
	--h1-letter-spacing: 0;
	/* h2 */
	--h2-font-size: 1.602rem;
	--h2-font-weight: 300;
	--h2-line-height: 1.329em;
	--h2-text-transform: none;
	--h2-letter-spacing: 0;
	/* h3 */
	--h3-font-size: 1.001rem;
	--h3-font-weight: 500;
	--h3-line-height: normal;
	--h3-text-transform: none;
	--h3-letter-spacing: 0;
	/* h4 */
	--h4-font-size: 0.901rem;
	--h4-font-weight: 400;
	--h4-line-height: 1.3em;
	--h4-text-transform: none;
	--h4-letter-spacing: 0;
	/* h5 */
	--h5-font-size: 1.151rem;
	--h5-font-weight: 500;
	--h5-line-height: 1.3em;
	--h5-text-transform: capitalize;
	--h5-letter-spacing: 0;
	/* h6 */
	--h6-font-size: 0.901rem;
	--h6-font-weight: 500;
	--h6-line-height: 1.3em;
	--h6-text-transform: none;
	--h6-letter-spacing: 0;
	/* paragraph */
	--p-font-size: 1.1rem;
	--p-font-weight: 300;
	--p-line-height: 1.7em;
	--p-text-transform: none;
	--p-letter-spacing: 0;
}
@media only screen and (max-width: 1239px) {
	:root {
		--content-width: 90%;
	}
}
@media only screen and (max-width: 767px) {
	:root {
		/* ---------------------------------- Fonts --------------------------------- */
		/* h1 */
		--h1-font-size: 3.2rem;
		--h1-font-weight: 500;
		--h1-line-height: 1.1em;
		--h1-text-transform: none;
		--h1-letter-spacing: 0;
		/* h2 */
		--h2-font-size: 2rem;
		--h2-font-weight: 300;
		--h2-line-height: 1.32em;
		--h2-text-transform: none;
		--h2-letter-spacing: 0;
		/* h3 */
		--h3-font-size: 1.6rem;
		--h3-font-weight: 500;
		--h3-line-height: 1em;
		--h3-text-transform: none;
		--h3-letter-spacing: 0;
		/* h4 */
		--h4-font-size: 1.4rem;
		--h4-font-weight: 400;
		--h4-line-height: 1.4em;
		--h4-text-transform: none;
		--h4-letter-spacing: 0;
		/* h5 */
		--h5-font-size: 1.4rem;
		--h5-font-weight: 500;
		--h5-line-height: 1.3em;
		--h5-text-transform: capitalize;
		--h5-letter-spacing: 0;
		/* h6 */
		--h6-font-size: 1.2rem;
		--h6-font-weight: 500;
		--h6-line-height: 1.56rem;
		--h6-text-transform: capitalize;
		--h6-letter-spacing: 0;
		/* paragraph */
		--p-font-size: 1.6rem;
		--p-font-weight: 300;
		--p-line-height: 2.035rem;
	}
}