@font-face {
	font-family: 'd-din-proheavy';
	src: url('fonts/d-din-pro-900-heavy-webfont.woff2') format('woff2'),
			 url('fonts/d-din-pro-900-heavy-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'd-din-proextrabold';
	src: url('fonts/d-din-pro-800-extrabold-webfont.woff2') format('woff2'),
			 url('fonts/d-din-pro-800-extrabold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'd-din-probold';
	src: url('fonts/d-din-pro-700-bold-webfont.woff2') format('woff2'),
			 url('fonts/d-din-pro-700-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'd-din-prosemibold';
	src: url('fonts/d-din-pro-600-semibold-webfont.woff2') format('woff2'),
			 url('fonts/d-din-pro-600-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'd-din-promedium';
	src: url('fonts/d-din-pro-500-medium-webfont.woff2') format('woff2'),
			 url('fonts/d-din-pro-500-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'd-din-proregular';
	src: url('fonts/d-din-pro-400-regular-webfont.woff2') format('woff2'),
			 url('fonts/d-din-pro-400-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

*{
	margin: 0; padding: 0; box-sizing: border-box;
}

body{
	text-align: center;
	background-color: #23A8E1;
}
img{
	max-width: 100%;
}
header{
	background-color: #fff;
	padding-top: 30px;
}
header a.logo{
	display: block; text-decoration: none; max-width: 316px;
	margin:0px auto 30px auto;
}
header a.logo img{
	max-width: 100%;
}
header .graphics{
	display: block; margin:0px auto;
}

.content-area{
	padding-top: 60px; padding-bottom:200px; position: relative; z-index: 1;
}
.content-area img{
	display: block; margin:0px auto; max-width: 692px;
}
.content-area a.readmore{
	display: block; text-decoration: none;
	font-family: 'd-din-proextrabold';
	font-size: 20px;
  letter-spacing: 1.11px;
  line-height: 26px;
	width: 460px; background-color: #000; color:#fff; height: 72px;
	text-transform: uppercase;
	padding-top: 23px;
	margin:48px auto 0 auto;
}

@media (max-width: 1200px) {
}

@media (max-width: 1024px) {
}

@media (max-width: 992px) {
	header{
		padding-top: 30px;
		padding-left: 30px; padding-right: 30px;
	}
	header a.logo{
		width: 100%;
		width: 216px;
	}
	header .graphics{
		width: 600px;
	}
	.content-area{
		padding-left: 30px; padding-right: 30px;
	}
	.content-area img{
		max-width: 500px;
	}
	.content-area a.readmore{
		width: 360px;
	}
	
}

@media (max-width: 769px) {
	.content-area img{
		max-width: 80%;
	}
	.content-area a.readmore{
		width: 300px;
	}
}