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

}
.tela-principal{  
    
    
}

.pagina{
    display: none;
}


html,body{
    color: white;
}

#pg1 .f-direita{
    margin-right: 10%;
}
#pg1 .f-esquerda{
    margin-left: 10%;
}

#pg1 p{
    margin-bottom: 0px;
}

#pg2 h2{
    font-family: 'amatic_scregular';
    font-size: 1.7em;  
    font-weight: 600;
    margin-bottom: 0px;
    display: none;
}

#pg2 #labels{
    position: absolute;
    top: 100px;
    left: 0;
}

#pg2 #textos{
    left: 240px;
    top: 138px;
    position: absolute;
}
#pg3 .destaque{
    font-size: 3rem;
    line-height: 1.2
}

@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
    }
    #pg2 h2{    
        display: block;
    }
    #pg2 #labels{
        display: none;
    }
    #pg2 #textos{
        left: auto;
        top: auto;
        position: relative;
        width: 80%;
        margin: 0 auto;
    }
}