#site{
  /* Definimos a largura da página */
  width:100%;
  /* Definirmos a altura da página*/
  height:700px;
  /*height:100%;*/
  /* Aqui definiremos a posição que a página ocupará na tela, nesse caso estamos definindo que fique centralizado na tela*/
  /*top : posição de cima */
  margin-top:0;
  /* left: posição de esquerda*/
  margin-left:auto;
  /* bottom : posição de baixo */
  margin-bottom:0;
  /* right : posição de direita */
  margin-right:auto;
  /* Aqui definiremos a cor de fundo da página */
  /* background-color:#666; */ 
}

#superior{
    position:absolute; 
    top:5%;
    left:5%;
    transform: translate(-50%, -50%);
}

#centralizar{
    position:absolute; 
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}