@font-face {
  font-family: 'proxima nova';
  src: url('../fonts/proximanova-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/proximanova-regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/proximanova-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/proximanova-regular.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 */
}
html {
	font-size:15px;
	-webkit-font-smoothing: antialiased;
    	-moz-osx-font-smoothing: grayscale;
}
body {
	margin:0;
	padding:0;
	font-size:15px;
	font-family: 'proxima nova';
	background-color:black;
	color:white;
	-webkit-font-smoothing: antialiased;
    	-moz-osx-font-smoothing: grayscale;
}
h1 {
	font-size:4rem;
	text-transform:uppercase;
	line-height:1.1;
	margin:0 0 3rem 0;
	font-family: 'din-black';
}
a {
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
}
p {
	font-size:1.3rem;
}
hr {
	border-top:1px solid #ddd;
	border-bottom:0;
	margin-bottom:1rem;
}
footnote {
	position:absolute;
	bottom:2rem;
	font-size:13px;
	text-align:center;
	left:0;
	width:100%;
	color:#888;

}
footnote a {
	color:#888;
	text-transform:lowercase;
}
footnote a:hover {
	color:#bbb;
}
.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;
}

.button {
	display:inline-block;
	padding:1rem;
	background-color:#F75038;
	color:white;
	text-decoration:none;
	font-size:1.2rem;
	text-transform:uppercase;
	margin:0 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;
	}
	.button {
		margin-bottom:1rem;
		font-size:0.9rem;
		padding:0.8rem;
	}
	.list-services li {
		margin-right:0.5rem;
	}
}