@keyframes space_dust {
    from {opacity: 0;}
    to {opacity: 0.35;}
}

div.back_space {
    width:100%; 
    height:100%; 
    position:fixed; 
    top:0; 
    left:0; 
    z-index:-2;
    background:linear-gradient(to bottom, #55ffff 1%, #77ccff 30%, #003377 90%);
    opacity:0.35;
    animation-name: space_dust;        
    animation-duration: 4s;
}

.rodape-pagina {
    width:      100%;        
    text-align: center;        
    border-top: 5px solid #777;
    color:      white;   
    height:100%;      
    top:0;    
    align-items:flex-end; 
    justify-content: center;
} 

.rodape-pagina[type="under-page"] {
    z-index: -1;
    position:fixed;
    display:flex;
}

.rodape-pagina[type="on-page"] {
    z-index: 0;
    position:relative;
    display:none;
}

div > div[Social] {
    display:flex;
    justify-content:center; 
    width:100%;
    max-width:100px;
    margin: 20px auto;
}

div > div[Social] a {        
    font-size:32px;
    margin:0px 7px; 
    text-decoration:none;
    color:white;    
}

#background-rodape-on-page {
    background-image: url("../imagens/engrenagens_color.jpg"); 
    background-repeat: repeat-y;
    background-size: cover;
    background-position: center;
    background-attachment: fixed; 
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:-500;
    display:none;
}

/*------------------------------------------------------------------------------------------------------*/

@media screen and (max-height:450px) {
    #background-rodape-on-page {
        display:block;
    }

    body {
        margin-bottom:0px;
    }

    .rodape-pagina[type="on-page"] {
        display:flex;
        border-top:0px;
    }

    .rodape-pagina[type="under-page"] {
        display:none;
    }
}