centrer une div et cover le tout sur la page

Bonjour,

Je souhaite centrer la div avec la class centrer et qu'il prenne 100% de la page disponible.

impossible d'arriver a quelquechose.

http://result.dabblet.com/gist/5e95ac1befbf5f8e137bb18e8445bda6/de56b6c684890b3eb1ead025a2e0d29ffeff7d8e

voici le code que j'utilise

*. {
  box-sizing: border-box;
}

.un {

  position: absolute;
  width: 1500px;
  height: 700px;
}

.deux {
  position: absolute;
  left: 1300px;
  right: 0px;
}

.trois {
  position: absolute;
  left: 1300px;
  top: 500px;
}

.quatre {
  position: absolute;
  left: 1000px;
  top: 0px;
}

.cinq {
  position: absolute;
  left: 1000px;
  top: 500px;
}

.centrer {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0;
  right: 0;
  margin: auto
}

et

<div class="centrer">
  <img class="un" src="https://placekitten.com/g/1500/700" />
  <img class="deux" src="https://placekitten.com/200/200" />
  <img class="trois" src="https://placekitten.com/200/200" />
  <img class="quatre" src="https://placekitten.com/200/200" />
  <img class="cinq" src="https://placekitten.com/200/200" /></div>

https://jsfiddle.net/spham92/qk2oj9wy/

une idée ?