:root {
	/* BORDER */
	--border-radius: 0;
	--border-width: 1px;

	/* WRAPPER */
	--wrapper-size: 1830px;

	/* COLORS */
	--background-color: #FFFFFF;
	--background-grey: #F6F6F6;
	--background-dark: #0B0D08;
	--background-socket: #0B0D08;
	--background-select: #373837;

	--dark-title-color: #0B0D08;
	--light-title-color: #FFFFFF;
	--dark-text-color: 11, 13, 8;
	--light-text-color: 252, 255, 255;

	--primary-color: #FFFFFF;
	--primary-hover-color: #FFFFFF;
	--primary-focus-color: #FFFFFF;
	--primary-rgb: 77, 169, 216;

	--secondary-color: #2c1b1b;
	--secondary-hover-color: #2c1b1b;
	--secondary-focus-color: #2c1b1b;
	--secondary-rgb: 77, 169, 216;


	/* FONTS */
	--font-title: gira-sans, sans-serif;
	--font-text: input-mono, monospace;


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


	/* MARGES */
	--margin-h2: 3.125rem;
	--margin-h3: 2.5rem;
	--margin-h4: 1.25rem;
	--margin-h2-blog: 1.25rem;
	--margin-h3-blog: .9375rem;


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

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

}



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

	:root{
		--items-by-row: 3;
		--items-margin: 20px;
		--h2-font-size: 2.5rem;
		--h3-font-size: 1.875rem;
		--h4-font-size: 1.25rem;
	}
}



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

}



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

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



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

	:root{
		--h1-font-size: 2.5rem;
		--h2-font-size: 2.188rem;
		--h3-font-size: 1.5625rem;
	}
}



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

	:root{
		--margin-h2: 2.5rem;
		--margin-h3: 1.875rem;
		--items-margin: 15px;
	}
}



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

	:root{
		--h1-font-size: 1.875rem;
		--h4-font-size: 1.125rem;
	}
}



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

	:root{
		--h2-font-size: 1.875rem;
		--h3-font-size: 1rem;
		--margin-h2: 1.875rem;
		--items-by-row: 1;
	}
}



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

}