:root {
    --glutter: 15px;
    --font-size: 16px;
    --color: #222;    
    --content-width: 1230px;
    --radius-5: 5px;
    --radius: 12px;
    --radius-large: 15px;
    --radius-20: 20px;
    --radius-button: 35px;
	--white: #ffffff;
    --pink: #f27fb2;
	--orange: #ff9a02;
	--purple: #3d2b57;
    --red: #c72131;
    --yellow: #fff200;
    --dark-red: #a83131;
	--green: #21b04e;
    --blue: #295c8b;
    --brand-blue: #316698;
    --brand-yellow: #fdf04a;
    --brand-red: #b61010;
    --light-brand-blue: #e0e8ef;
    --light-green: #2ace5e;
    --light-blue: #2d8df3;
    --middle-blue: #4ed7f3;
    --lighter-blue: #15579d;
    --dark-blue: #295c8b;
    --light-gray: #f4f4f4;
    --middle-gray: #f0f0f0;
    --lighter-gray: #fafafa;
    --lighter-gray2: #f5f5f5;
    --lighter-gray3: #f1f1f2;
    --dark-gray: #dcdcdc;
    --darker-gray: #4e4e4e;
	--darkerdarker-gray: #282828;
	--darkest-gray: #333;
	--black: #000000;
    --black2: #101010;
    --font: 'Avenir Book';
    --font-light: 'Avenir-Light';
    --font-italic: 'Karla-Italic';
    --font-medium: 'Avenir Book';
    --font-medium-italalic: 'Karla-Mediumitalic';
    --font-bold: 'Francois One';
    --font-bold-italic: 'Francois Oneitalic';
	--font-semibold: 'Avenir-SemiBold';
    --font-extrabold: 'Avenir-ExtraBold';
    --font-black: 'Francois One';
    --full-height: calc(var(--vh, 1vh) * 100);
}