[SOLVED] Background does not display more than half the screen

help
1

Some has the problem with the image that I attached the bottom does not take me more than half the screen for more size that you place always comes right halfway.

595×573 8.38 KB

What comes out in white is what loads the background color

In the code I have the following

<template name="IndexView">
  <div class="principal-lenguaje">
      <br><br><br><br>
    <h1>BIENVENIDO</h1>
    <h1>WELCOME</h1>
    {{> languageSwitcher}}
  </div>
</template>

// css
.principal-lenguaje {
  position: fixed;
  text-align: center;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
        background: no-repeat #093370;
        background-image: url('/logo.png');
        background-repeat: no-repeat;
        background-position: center;
.centerTexto{
      padding-top: 90%;

  h1 {
      text-align: center;
      color: #ffffff;
  }
}


}