.nav, .boxes, .footer, .footer form{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.nav {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.nav a {
  width: 23%;
}
.boxes div {
  -webkit-flex: 1 1 250px;
  flex: 1 1 250px;
  margin: 10px;
  border-radius: 5px;
  padding: 10px 10px 0 10px;
  background-color: rgba(0,0,0,.1);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
  flex-flow: column;
}
.boxes .more {
  margin-top: auto;
}
.footer .copyright {
  -webkit-flex: 2 1 500px;
  flex: 2 1 500px;
  margin-right: 30px;
}
.footer .signup {
  -webkit-flex: 1 1 250px;
  flex: 1 1 250px;
}
.signup label {
  width: 100%;
}
.signup input[type="email"] {
  border-radius: 4px 0 0 4px;
  -webkit-flex: 1;
  flex: 1;
}
.signup input[type="submit"] {
  border-radius: 0 4px 4px 0;
  padding: 0 10px;
}
@media (max-width: 500px) {
  .nav {
    -webkit-flex-flow: column;
    flex-flow: column;
  }
  .nav a {
    width: 100%;
    margin-bottom: 2px;
  }
}