body {
  font-family: 'Liberation Sans', Arial;
  min-height: 100%;
  padding: 6%;
  margin: 0;
}
body .fr,
body .en {
  display: none;
}
body.fr .fr,
body.en .en {
  display: block;
}
body.ios .android,
body.android .ios {
  display: none;
}
.hd {
  display: flex;
  flex-wrap: wrap;
}
.hd >:nth-child(1) {
  width: 40%;
  text-align: center;
}
.hd >:nth-child(2) {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hd img {
  width: 62%;
  max-width: 7em;
  height: auto;
}
.hd h1 {
  color: #ff0080;
  font-size: 1.8em;
  margin: 0;
}
.sep {
  background-color: #ff0080;
  margin: 8% auto;
  width: 67%;
  height: 0.25em;
}
.contents {
  border-left: 0.5em solid rgb(24, 86, 156);
  padding: 0 8%;
}
.contents h3 {
  color: rgb(24, 86, 156);
}
.contents p,
.contents li {
  text-align: justify;
  color: rgb(134, 134, 134);
}
@media (min-width: 768px) {
  .hd img {
      max-width: 8em;
  }
  .hd h1 {
      font-size: 2.5em;
  }
  .sep {
      margin: 6% auto;
  }
}
@media (min-width: 1024px) {
  .hd img {
      max-width: 9em;
  }
  .hd h1 {
      font-size: 2.8em;
  }
  .sep {
      margin: 5% auto;
  }
}
.language {
  float: right;
  color: rgb(24, 86, 156);
}
.language a {
  text-align: justify;
  color: rgb(24, 86, 156);
}
.is-active {
 font-weight: 700;
}