:root {
	/* BORDER */
	--border-radius: 5px;
	--border-radius-cpt: 10px;
	--border-width: 1px;

	/* WRAPPER / LOGO */
	--wrapper-size: 1760px;
	--logo-ratio: 130 / 57;

	/* COLORS */
	--background-color: #FFFFFF;
	--background-vert: #758751;
	--background-vert-fonce: #3B3F2C;
	--background-grey: #F9EFDE;
	--background-dark: #1F2116;
	--background-socket: #1F2116;
	--background-before: #F9EFDE;

	--dark-title-color: #1F2116;
	--light-title-color: #F9EFDE;
	--dark-text-color: 28, 36, 66;
	--light-text-color: 252, 255, 255;

	--primary-color: #8A9F43;
	--primary-hover-color: #897D13;
	--primary-focus-color: #8A9F43;
	--primary-rgb: 138, 159, 67;

	--secondary-color: #F87A05;
	--secondary-hover-color: #F87A05;
	--secondary-focus-color: #8A9F43;
	--secondary-rgb: 248, 122, 5;

	--tercary-color: #F9EFDD;
	--tercary-hover-color: #F87A05;
	--tercary-focus-color: #F87A05;
	--tercary-rgb: 248, 122, 5;

	--alert-danger-color: #DF2935;
	--alert-warning-color: #E8814A;
	--alert-success-color: #4FB477;
	--alert-danger-rgb: 223, 41, 53;
	--alert-success-rgb: 79, 180, 119;


	/* FONTS */
	--font-title: 'Inter', Sans-serif;
	--font-text: 'Inter', Sans-serif;
	--letter-spacing: 0.05em;
	--letter-spacing-h1: 0.15em;


	/* FONT SIZES */
	--h1-font-size: 3.75rem;
	--h2-font-size: 2.5rem;
	--h3-font-size: 2rem;
	--h4-font-size: 1.875rem;
	--h5-font-size: 1.25rem;


	/* MARGES */
	--margin-h1: 4rem;
	--margin-h2: 1.875rem;
	--margin-h3: 2.5rem;
	--margin-h4: 1.25rem;
	--margin-h2-blog: 1.25rem;
	--margin-h3-blog: .9375rem;
	--margin-section: 7.188rem;


	/* Archives */
	--items-by-row: 3;
	--items-margin: 30px;
}

/* ----------------------------------- */
/*
/* ----------- RESPONSIVE ------------ */
/*
/* ----------------------------------- */

@media screen and (max-width: 1500px) {

	:root{
		--h2-font-size: 1.875rem;
		--h3-font-size: 1.563rem;
	}
}


@media screen and (min-width: 1251px) {

}



@media screen and (max-width: 1250px) {

	:root{
		--items-by-row: 3;
		--items-margin: 20px;
	}
}



@media screen and (max-width: 1140px) {
	:root{
		--margin-section: 5.625rem;
	}
}



@media screen and (max-width: 989px) {

	:root{
		--items-by-row: 2;
	}
}



@media screen and (max-width: 767px) {

	:root{
		--h1-font-size: 2.5rem;
		--h3-font-size: 1.5625rem;
		--h4-font-size: 1.25rem;
		--margin-section: 3.75rem;
	}
}



@media screen and (max-width: 575px) {

	:root{
		--h2-font-size: 2.5rem;
		--h4-font-size: 1.125rem;
		--margin-h2: 2.5rem;
		--margin-h3: 1.875rem;
		--margin-section: 5rem;
		--items-margin: 15px;
	}
}



@media screen and (max-width: 480px) {
	:root{
		--h1-font-size: 1.875rem;
	}
}



@media screen and (max-width: 375px) {

	:root{
		--h2-font-size: 1.438rem;
		--h3-font-size: 1.25rem;
		--h4-font-size: 1.0625rem;
		--margin-h2: 1.875rem;
		--margin-section: 3.125rem;
		--items-by-row: 1;
	}
}



@media screen and (max-width: 300px) {

}