html{
      background-image: url(../img/fundo4.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-position: center center;

}
.tela-principal{  
    
    
}

.pagina{
    display: none;
}

@media screen and (max-width:900px){
  #hiddenFix{
        height: 100px;
        width: 100%;      
        top: 100px;
        position: fixed;
        background-image: url(../img/fundo4.jpg);
        background-size: cover;
        background-attachment: fixed;
        background-position: center center;
        z-index: 2
    }
}

html,body{
    color: white;
}

#pg1, #pg2, #pg3{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70%;
}
@media screen and (max-width:900px){
    #pg1,#pg2,#pg3{
        display: block;
        height: unset;
    }
}