header, footer {
  display: flex;
  align-items: center;
}

header {
  padding: 10px;
  padding-left: 75px;
}

header .links {
  text-align: right;
  display: flex;
  align-items: center;
}

header .links * {
  margin: 0px 5px;
}

header .inscription {
  margin-right: 25px;
}

footer {
  background: #FFF;
  padding: 10px;
  color: black;
}

footer .links {
  display: flex;
}

footer .sep {
  margin: 0px 5px;
}

footer a {
  text-decoration: none;
  color: black;
  font-size: 0.8rem;
}

@media (max-width: 370px) {
  header .links {
    display: block;
  }
}

@media (max-width: 500px) {
  header .inscription {
    display: none;
  }
}

@media (max-width: 650px) {
  header {
    padding: 10px;
  }

  footer .links {
    display: block;
    text-align: right;
  }

  footer .sep {
    display: none;
  }
}