html,body {
  height: 100%;
  font-family: 'Open Sans', sans-serif;
}
ul { list-style-type: none; margin: 0; padding: 0; }
li { font-size:14px; }
a { color:#000; }

.vi-logo { padding-top:30%; }
.vi-h1 { padding-top:15px; }
.vi-uno { 
	padding:4%; 
	}
.vi-unob { 
	padding:4%; 
	}
.vi-due { padding:4%; color:#fff; }
.vi-due a { color:#fff; }
.vi-tre { padding:4%; color:#fff; }
.vi-tre a { color:#fff; }

.h-60{height:60%!important}
.h-40{height:40%!important}

@media (min-width: 576px) { 
.vi-logo { padding-top:34%; }
 }

@media (min-width: 768px) { 
.vi-logo { padding-top:29%; }
 }

@media (min-width: 992px) { 
.vi-logo { padding-top:24%; }
 }



@media (min-width: 1200px) {
.vi-logo { padding-top:12%; }
  .vi-unob {
    background-image: url("../images/background-second.png"); /* The image used */
	background-position: bottom center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
  }
  .vi-uno { 
	background-image: url("../images/background-first.png"); /* The image used */
	background-position: bottom center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	}
}