<header class="main-header">
  <div class="header-inner">
<h1>Important<span>Fun</span></h1>
<nav class="main-nav">
  <ul>
    <li><a href="#">Contact</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Register</a></li>
    <li><a href="#">ALA</a></li>
  </ul>
</nav>
  </div>
</header>
<div class="content">
  <h2>Who are we?</h2>
  <p>We are a web design and development studio who will work with you to craft beautiful experiences that fit your business needs. We have years of experience and only work with the latest design techniques and best practices. But hiring a team of designers is not just about technical skill. We make sure to work with you in the process, guiding you through every step so you're not in the dark. In this way, you are totally invovled in the making of your site and we're confident you'll be much happier with the final result.</p>
</div>

<footer class="main-footer">
  
</footer>

@import url(https://fonts.googleapis.com/css?family=Raleway:900,400,300);

* {
  box-sizing: border-box;
}

body {
  font-family: 'Raleway', sans-serif;
  line-height: 1.5;
  margin: 0;
  background: #627D8E;
}

header {
   background: #627D8E;
}

.header-inner {
  max-width: 60%;
  margin: 0 auto;
}

h1 {
  color: #fff;
  font-weight: 900;
  padding-top: 4rem;
  margin: 0;
  text-transform: uppercase;
  font-size: 6rem;
  line-height: .8;
  color: #597281;
  text-shadow: -10px 5px 30px rgba(0,0,0,.2), -20px 10px 30px rgba(0,0,0,.1), -30px 10px 30px rgba(0,0,0,.1), -3px 2px 5px #4d626f, 3px -2px 5px #6f8ea1;
}

h1 span {
  display: block;
}

.main-nav {
  margin-top: 6rem;
  padding-bottom: 7rem;
}

.main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-nav li {
  display: inline-block;
}

.main-nav a {
  padding: 1rem;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.5);
  margin: 0 1rem;
  font-weight: 900;
  text-transform: uppercase;
}

.main-nav a:hover {
  background: rgba(0,0,0,.2);
}

.content {
  max-width: 60%;
  margin: 0 auto 9rem;
}

h2 {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: .5rem;
  margin-top: 3rem;
  color: rgba(255,255,255,.8);
}

p {
  font-size: 1.4rem;
  color: rgba(255,255,255,.6);
  font-weight: 300;
}

footer {
  height: 200px;
  background: rgba(0,0,0,.3);
}