/* light */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), url('font/OpenSans-Light.ttf') format('truetype');
}

/* normal */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), url('font/OpenSans-Regular.ttf') format('truetype');
}

/* semi bold*/
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans SemiBold'), url('font/OpenSans-SemiBold.ttf') format('truetype');
}

/* bold */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), url('font/OpenSans-Bold.ttf') format('truetype');
}

/* extra bold*/
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: local('Open Sans ExtraBold'), url('font/OpenSans-ExtraBold.ttf') format('truetype');
}

/* italic light */
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 300;
	src: local('Open Sans Light Italic'), url('font/OpenSans-LightItalic.ttf') format('truetype');
}

/* italic normal */
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: local('Open Sans Italic'), url('font/OpenSans-Italic.ttf') format('truetype');
}

/* italic semi bold */
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	src: local('Open Sans SemiBold Italic'), url('font/OpenSans-SemiBoldItalic.ttf') format('truetype');
}

/* italic bold */
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: local('Open Sans Bold Italic'), url('font/OpenSans-BoldItalic.ttf') format('truetype');
}

/* extra bold */
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 800;
	src: local('Open Sans ExtraBold Italic'), url('font/OpenSans-ExtraBoldItalic.ttf') format('truetype');
}

body {
	font: 14px/1.6 'Open Sans';
	margin: 0;
	display: flex;
	flex-direction: column;
}

main, header, footer {
	width: 960px;
	max-width: 100%;
	box-sizing: border-box;
	background-color: #f5f7fd;
	padding: 0 1em 0 1em;
	align-self: center;
}