.navAstronaut2{
    position: fixed;
    width: 40px;
    bottom: 10px;
    z-index: -1;
    animation: fly2 30s infinite ease-out;
    transform: rotate(58deg);
    opacity: 0.5;
}

.navAstronaut4{

    opacity: 0.5;
    bottom: 100%;
    position: fixed;
    width: 40px;
    bottom: 10px;
    z-index: -1;
    transform: rotate(-35deg);
    animation: fly4 30s infinite alternate-reverse ease-in-out;

}

.meteoro{
    position: fixed;
    top: -80px;
    right: 210px;
    width: 30px;
    transform: rotate(-50deg);
    z-index: -1;
    opacity: 0.5;
}

.anime_meteoro{
    animation: meteoro 10s infinite linear reverse;
}


@keyframes fly2 {

    to{
        bottom: 90%;
        right: 10px;
}
    from{
        
    bottom: -10%;
        right: 120%;
    }

}

@keyframes meteoro {

    to{
    top: 80px;
}
    from{
    right: 50px;    
    top: 100%;
    }

}



@keyframes fly4 {

    to{
        bottom: 100%;
        left: 5%;
        transform: scale(0.5);
}
    from{
        transform: scale(1);
        bottom: -100px;;
        left: 5%;
    }

}

@media screen and (min-width: 800px){
    .navAstronaut2{
    
    width: 70px;

}

.navAstronaut4{
    width: 70px;
}

.meteoro{
    width: 50px;
}
}