body {
  margin: 0;
  background: #4a4c55;
  font: 400 16px/1.5em "Roboto","Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
  color: #eaeef3
}

.container {
  width: 480px;
  margin: auto
}

.demo { margin-top: 40px }

.section {
  padding: 40px 0;
  text-align: justify;
}

.section h1 {
  font-weight: 200;
  line-height: 1em;
  margin: 0 0 .8em;
  font-size: 1.8em
}

#anchor1, #anchor3, #anchor5 { background: #658bcb }

.main-nav {
  position: fixed;
  background: #666;
  left: 0;
  top: 0;
  right: 0;
}

.main-nav ul {
  width: 480px;
  margin: auto;
  padding: 0;
  list-style: none;
  display: table
}

.main-nav li {
  display: table-cell;
  width: 20%
}

.main-nav a {
  display: block;
  margin: auto;
  color: #fff;
  width: 60px;
  line-height: 60px;
  text-align: center;
  background: #222;
  text-decoration:none;
}/*# sourceMappingURL=main.css.map */
/*# sourceMappingURL=../css/main.css.map */