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

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.

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">
    {{> languageSwitcher}}

// 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;
      padding-top: 90%;

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