@font-face {
	font-family: '../fonts/dinOffc';
	src: url('../fonts/din/DINWeb.eot') format('embedded-opentype'),
		url('../fonts/din/DINWeb.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: '../fonts/dinOffc';
	src: url('../fonts/din/DINWeb-Ita.eot') format('embedded-opentype'),
		url('../fonts/din/DINWeb-Ita.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: '../fonts/dinOffc';
	src: url('../fonts/din/DINWeb-Medium.eot') format('embedded-opentype'),
		url('../fonts/din/DINWeb-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: '../fonts/dinOffc';
	src: url('../fonts/din/DINWeb-MediumIta.eot') format('embedded-opentype'),
		url('../fonts/din/DINWeb-MediumIta.woff') format('woff');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: '../fonts/dinOffc';
	src: url('../fonts/din/DINWeb-Bold.eot') format('embedded-opentype'),
		url('../fonts/din/DINWeb-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: '../fonts/dinOffc';
	src: url('../fonts/din/DINWeb-BoldIta.eot') format('embedded-opentype'),
		url('../fonts/din/DINWeb-BoldIta.woff') format('woff');
	font-weight: 700;
	font-style: italic;
}

body {
	font-family: '../fonts/dinOffc';
	max-width: 512px;
	padding: 0 24px;
	margin: auto;
}
h2 {
	font-weight: 500;
	margin-top: 50px;
}
h3 {
	margin-top: 40px;
	font-weight: normal;
}
p,
li {
	color: #333;
	line-height: 28px;
}
a {
	color: #333;
}
br.large {
	display: block;
	margin: 45px 0;
	content: ' ';
}
br.xlarge {
	display: block;
	margin: 90px 0;
	content: ' ';
}