#padre{
  position: relative;
  width: 100%;
  height: 100%; /*height: 100vh; en caso de quitarle el height al body*/
}

#hijo{
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}