/* CSS Document */


/*if we use variable fonts */
/*
@font-face {
	font-family: 'Muli';
	src: url('../fonts/Muli/Muli-VariableFont_wght.ttf') format('truetype');
	font-weight: 1 999;
	font-style: normal;
}

*/

/*Headings*/
@font-face {
	font-family: 'Century Gothic Bold';
	src: url('../fonts/CenturyGothic/FontsFree-Net-GOTHICB0.ttf') format('truetype');
	font-weight: 1 999;
	font-style: bold;
	font-display: swap;
}

/*Text*/

/* @font-face {
	font-family: 'Century Gothic Bold';
	src: url('../fonts/CenturyGothic/FontsFree-Net-GOTHIC.ttf') format('truetype');
	font-weight: 1 999;
	font-style: normal;
} */

@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/CenturyGothic/FontsFree-Net-GOTHIC.ttf') format('truetype');
	font-weight: 1 999;
	font-style: normal;
	font-display: swap;
}


/*https://colorhunt.co/ */

:root {

	/* Oranje */
	--color-primary: #e96510; 
	--color-primary-rgb: 233,101,14; 
	--color-primary-darker: #9a430b;
	--color-primary-darker: #b9500d;	
	--color-primary-lighter:#f48c47;


	/* Groen */
	--color-secondary: #61b457; 

	--color-secondary-darker: #29491d;
	
	/* logo grey */
	--color-tertiary: #565455; 
	

    --color-font-light:#ffffed;
    --color-font-dark:#16120b;
	
	
	--color-white:#fff;
	--color-black:#000;
    --color-grey: #363439;
    --color-grey: #4f4c54;
    --color-grey: #68656e;


    --box-shadow: 0 0 2em rgba(0, 0, 0, 0.4);

    --layout_width_content: 1200px;
	
    --typography_size_html: 16px;
	
	/*	Fonts*/
	

	
	--font-heading:  'Century Gothic Bold', sans-serif;
	--font-text: 	'Century Gothic', sans-serif;
	
	


	
}