*, html, body { margin: 0; padding: 0; }

#header {
  margin: 0; padding: 60px 0;
  background-color: #B64926;
  width: 100%;
  color: #FEFEFE;
}

#header .container h1 { margin: 0 0 20px 0; padding: 0; font-size: 60px; }
#header .container p { font-size: 24px; }



form { width: 100%; float: left; }
form .inputs {
  margin: 0 auto;
  padding-top: 120px;
  width: 700px; height: 50px;
}

form .inputs input {
  width: 530px; height: 100px;
  font-size: 50px;
  float: left;
}

form .inputs button {
  width: 100px; height: 100px;
  margin-left: 50px;
  float: left;
  color: #FEFEFE;
  background: #FFB03B;
  border: none;
  font-size: 24px;
}

form .inputs button:hover { background: #8E2800; }

div#result {
  clear: left;
  width: 1000px; height: 1000px;
  margin: 0 auto;
  background: transparent url('../img/head.png') no-repeat top left;
  display: none;
}

div#result svg { margin: 100px 0 0 250px; }

#nav {
  width: 100%; height: 50px; list-style: none;
}

#nav li {
  float: left;
  margin-left: 50px;
  padding-top: 10px;
  font-size: 20px;
  border-top: solid 5px #fff;
}

#nav li.selected {
  border-top: solid 5px #B64926;
}

#nav li a {
  color: #222;
  text-decoration: none;
}

#nav li:hover {
  border-top: solid 5px #FFB03B;
}

.description {
  margin-top: 20px;
  width: 80%;
  margin: 0 auto;
}

.description .article {
  margin-bottom: 30px;
}

.article h2 {
  margin-bottom: 20px;
}

.article p {
  line-height: 40px;
}