/*= SLIDES STYLING --------------------------------------------------------*/ #parallaxSlide_texto{ background-color: transparent; overflow: hidden; } #slide1{ background:url(../imgs/01.jpg) no-repeat fixed; /* usar a primeira % para empurrar o texto mais (se maior) para baixo, ou menos (se menor) */ padding: 32% 0 0 0; color: #fff; margin:0; background-size:cover; width:100%; background-position:bottom; height:100%; } #slide2{ background:url(../imgs/01_paralax.jpg) no-repeat fixed; padding: 50% 0 0 0; color: #fff; margin:0; background-size:cover; width:100%; background-position:bottom; height:100%; } #slide3{ background:url(../imgs/03_paralax.jpg) no-repeat fixed; padding: 50% 0 0 0; color: #fff; margin:0; background-size:cover; width:100%; background-position:top; height:100%; } #slide4{ background:url(../imgs/03_paralax.jpg) center no-repeat fixed; padding: 50% 0 0 0; color: #fff; margin:0; background-size:cover; width:100%; background-position:top; height:100%; } #slide5{ background:url(../images/7.jpg) center no-repeat fixed; padding: 50% 0 0 0; color: #fff; margin:0; background-size:cover; width:100%; background-position:top; height:100%; } .parallaxAjuste { max-width:730px; margin-left:auto; margin-right:auto; }