:root{

	--linkColour: #C28554;
	--hoverColour: #434343;
	
	--textcolorPrimary: #434343; /* Body Text */
	--textcolorSecondary: #202B2F; /* Header Text */
	--textcolorTertiary: #FFFFFF;

	--buttonPadding: 15px 30px;

	--fontsizePrimary: 16px; /* Body */
	--fontsizeLarge: 54px; /* H1 */
	--fontsizeMedium: 48px; /* H2 */
	--fontsizeSmall: 42px; /* H3 */
	--fontsizeExSmall: 36px; /* H4 */

	--backgroundMain: #202B2F;
	--backgroundSecond: #C28554;
	--backgroundThird: #FFFFFF;

}

/* XXL > 1400 */

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

	:root{

	--fontsizeLarge: 48px; /* H1 */
	--fontsizeMedium: 42px; /* H2 */
	--fontsizeSmall: 36px; /* H3 */
	--fontsizeExSmall: 30px; /* H4 */

	}
	
	
}

/* L */
@media (max-width: 1200px) {

	
	:root{

	--fontsizeLarge: 44px; /* H1 */
	--fontsizeMedium: 38px; /* H2 */
	--fontsizeSmall: 32px; /* H3 */
	--fontsizeExSmall: 26px; /* H4 */

	}
	
}

/* M */
@media (max-width: 992px) {

	:root{

		--fontsizeLarge: 34px; /* H1 */
		--fontsizeMedium: 34px; /* H2 */
		--fontsizeSmall: 28px; /* H3 */
		--fontsizeExSmall: 22px; /* H4 */
		
		--buttonPadding: 10px 20px;

		}
	
	}

/* S */
@media (max-width: 768px) {

		:root{

		--fontsizeLarge: 30px; /* H1 */
		--fontsizeMedium: 30px; /* H2 */
		--fontsizeSmall: 24px; /* H3 */
		--fontsizeExSmall: 18px; /* H4 */
		

		}
	
	}
	
}

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

}