* {
    margin: 0;
    padding: 0;
}
html, body {
	width: 100%;
	height: 100%;
    background-color: #fafafa;
}
.header {
  text-align: center;
  height: 100%;
  width: 100%;
  position: relative;
}
.header-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 480px;
    margin: 0 auto;
}
.header-block h1 {
  font-size: 62px;
  font-family: Raleway;
  letter-spacing: 1px;
  font-weight: 100;
}
.header-block .nav {
  margin-top: 10px;
}
.header-block .nav .nav-item{
  font-size: 22px;
  color: #555;
  letter-spacing: 2px;
  font-family: Open Sans, sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  padding: 0 10px;
  border-right: 1px solid #666;
  text-decoration: none;
}
.header-block .nav .nav-item:hover{
  color: #999;
}
.header-block .nav .nav-item:last-child{
  border-right: none;
}

.social-media {
	margin-top: 15px;
}
.social-media-item img {
	width: 30px;
	height: 30px;
	margin: 0 10px;
}
.social-media-item:hover img {
	opacity: 0.7;
}
.footer {
	position: absolute;
	bottom: 10px;
	left: 20px;
	font-size: 10pt;
}
.extras-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 25px;
    height: 25px;
    background: url("images/icons/bw/extras.png");
    background-size: cover;
}


@media (max-width: 500px) {
	.header-block {
		width: 90%;
	}
	.header-block h1 {
		font-size: 44px;
	}
	.header-block .nav .nav-item {
		font-size: 18px;
	}
	.social-media-item img {
		margin: 0 3px;
	}
	
}