/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #000;
}

/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #FFF;
}



body {
  display: -ms-flexbox;
  display: flex;
  color: #000;
}

.cover-container {
  max-width: 30em;

 --position: fixed;
  --bottom: 0;

  --width: 100%;
  --padding: 20px;
}



/*
 * Footer
 */
.mastfoot {
  color: rgba(0, 255, 255, .5);
}


video {
  background-color: black;
  background-image: /* Ici, notre vidéo */;
  background-position: center center;
  background-size: contain;
}

#mavideo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-aspect-ratio: 16/9) {
  #mavideo {
    height: 300%;
    top: -100%;
    /* Ou bien height: 200%; top: -50%; */
    /* Ou bien height: 400%; top: -150%; */
  }
}
@media (max-aspect-ratio: 16/9) {
  #mavideo {
    width: 300%;
    left: -100%;
    /* Ou bien width: 200%; left: -50%; */
    /* Ou bien width: 400%; left: -150%; */
  }
}