:root{

	--textFontWeight: 900;

	--buttonPadding: 15px 45px;

	--fontsizePrimary: 16px; /* Body */
	--fontsizeLarge: 46px; /* H1 */
	--fontsizeMedium: 42px; /* H2 */
	--fontsizeSmall: 38px; /* H3 */
	--fontsizeExSmall: 34px; /* H4 */

	--backgroundMain: #222222;

}


/* XXL > 1400 */

/* XL */
@media (max-width: 1400px) {

}

/* L */
@media (max-width: 1200px) {
	:root{
		--fontsizeLarge: 42px; /* H1 */
		--fontsizeMedium: 38px; /* H2 */
		--fontsizeSmall: 34px; /* H3 */
		--fontsizeExSmall: 30px; /* H4 */
	}	
}

/* M */
@media (max-width: 992px) {
	:root{
		--fontsizeLarge: 38px; /* H1 */
		--fontsizeMedium: 34px; /* H2 */
		--fontsizeSmall: 30px; /* H3 */
		--fontsizeExSmall: 26px; /* H4 */
	}	
}

/* S */
@media (max-width: 768px) {
	:root{
		--fontsizeLarge: 34px; /* H1 */
		--fontsizeMedium: 30px; /* H2 */
		--fontsizeSmall: 26px; /* H3 */
		--fontsizeExSmall: 22px; /* H4 */
	}	
}

/* XS */
@media (max-width: 576px) {

}