@font-face {
  font-family: 'din-bold';
  src: url('../fonts/dinpro-bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/dinpro-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dinpro-bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/dinpro-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dinpro-bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'din-black';
  src: url('../fonts/dinpro-black.eot'); /* IE9 Compat Modes */
  src: url('../fonts/dinpro-black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dinpro-black.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/dinpro-black.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dinpro-black.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'dinpro-light';
  src: url('../fonts/dinpro-light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/dinpro-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/DINPro-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/dinpro-light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/DINPro-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

html {
	font-family: 'dinpro-black';
	font-size:15px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
	margin:0;
	padding:0;
	font-size:15px;
	font-family: 'din-black';
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1 {
	font-size:4rem;
	text-transform:uppercase;
	line-height:1.1;
	margin:0 0 1rem 0;
}

h2 {
    margin: 0 0 2rem 0;
    font-family: "dinpro-light";
    font-weight: 100;
    font-size: 3rem;
}

a {
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
}
hr {
	border-top:1px solid #ddd;
	border-bottom:0;
	margin-bottom:1rem;
}
.container {
	max-width:1000px;
	margin:0 auto;
	padding:0 1rem;
}
.text-center {
	text-align:center;
}
.logo {
	max-width:100%;
	width:140px;
	height:140px;
	margin:0 0 3rem 0;
}
.viewport {
	display:table;
	width:100%;
	float:left;
	min-height:100vh;
}
.viewport-center {
	display:table-cell;
	vertical-align:middle;
}

.list-error {
	padding: 0;
	list-style-type: none;
	font-family: "dinpro-light";
    font-weight: 100;
    font-size: 1.5rem;
}


.button {
	display:inline-block;
	padding:1rem;
	background-color:#F75038;
	color:white;
	text-decoration:none;
	font-size:1.2rem;
	text-transform:uppercase;
	margin:3rem 0 3rem 0;
}
.button:hover {
	background-color: #FF3B00;
}
.list-services {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;
	padding: 2rem 0;
	border-top:1px solid #eee;
	width:100%;
	max-width:1000px;
}
.list-services li {
	display:inline-block;
	margin-right:3rem;
}
.list-services li a {
	color:#bbb;
}
.list-services li a:hover {
	color:#888;
}
a {
	text-decoration:none;
	text-transform:uppercase;
}

@media only screen and (max-width: 767px) {
	.container {
		text-align:center;
	}
	.logo {
		max-width:100%;
		width:80px;
		height:80px;
		margin:0 0 1rem 0;
	}

	h1 {
		font-size:1.3rem;
		margin-bottom:1rem;
	}

	h2 {
		font-size:1.3rem;
		margin-bottom:1rem;
	}

	.list-error {
		font-size:0.9rem;
		margin-bottom:1rem;
	}

	.button {
		margin-bottom:1rem;
		font-size:0.9rem;
		padding:0.8rem;
	}
	.list-services li {
		margin-right:0.5rem;
	}
}