/* @font-face {
	font-family: "Roboto Flex";
	font-optical-sizing: auto; 
	font-weight: 100 900;
	font-style: normal;
	font-variation-settings:
		"slnt" 0,
		"wdth" 112, 
		"GRAD" 0,
		"XOPQ" 96,
		"XTRA" 468,
		"YOPQ" 79,
		"YTAS" 750,
		"YTDE" -203,
		"YTFI" 788,
		"YTLC" 520,
		"YTUC" 712;
		src: local('Roboto Flex'), 
			url('../font/RobotoFlex-VariableFont_GRAD\,XTRA\,YOPQ\,YTAS\,YTDE\,YTFI\,YTLC\,YTUC\,opsz\,slnt\,wdth\,wght-ZQRIDQRY.woff2') format('woff2'),
            url('../font/RobotoFlex-VariableFont_GRAD\,XTRA\,YOPQ\,YTAS\,YTDE\,YTFI\,YTLC\,YTUC\,opsz\,slnt\,wdth\,wght-ZQRIDQRY.ttf') format('truetype'),
			url('../font/RobotoFlex-Regular.ttf') format('truetype'),
} */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url('../font/opensans_static/OpenSans-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 800;
	src: url('../font/opensans_static/OpenSans-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../font/opensans_static/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: url('../font/opensans_static/OpenSans-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('../font/opensans_static/OpenSans-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	src: url('../font/opensans_static/OpenSans-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../font/opensans_static/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: url('../font/opensans_static/OpenSans-Italic.ttf') format('truetype');
}	

body{
    background-color: #f0f0f0;
    /* font-family: Roboto Flex, sans-serif; */
	font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
	color: #222;
}

footer {
    margin-top: auto;
}

*, ::after, ::before {
    box-sizing: border-box;
}