<form class="" method="post" action="identification.php" id="quickconnect">
  <input class="form-control" type="text" name="username" id="username" value="" placeholder="Username">
  <input class="form-control" type="password" name="password" id="password" placeholder="Password">
  <button type="submit" class="btn btn-primary btn-raised" name="login">Sign in</button>
</form>

</div> <!-- it'a trick to close #theHeader, so that next div can be position:absolute bottom -->

<div class="browse-down">
<a href="#content" class="fa fa-arrow-circle-down" aria-hidden="true"></a>

#theHeader .form-control {
    width: 237px;
    display: inline-block;
    margin:0 5px;
}
.form-control {
    padding: 0.75em;
}
#theHeader .btn {
    margin-top: -2px;
}
.browse-down {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-bottom: 10px;
  font-size: 50px;
}
.browse-down a {
  color: #fff;
  text-shadow: 0 0 15px black;
}
.browse-down a:hover {
  text-decoration:none !important;
}