html, body {
	height: 100%;
}

body {
	background-image: url('../img/bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	font-family: 'Roboto', sans-serif;
	margin: 0px;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

#header {
	position: fixed;
	top: 0px;
	left: 0px;
	text-align: center;
	;
	color: #F00;
	width: 100%;
	padding: 10px;
}

#header img {
	max-width: 400px;
}

#footer {
	position: fixed;
	bottom:0px;
	left: 0px;
	width: 100%;
	background: rgba(0,0,0,0.8);
	color: #FFF;
	padding: 10px;
	text-align: center;
}

#footer a {
	color: #FFF;
	border-bottom: 1px solid #FFF;
	text-decoration: none;
}

#footer a:hover {
	border-bottom: 0px;