#fade_page_in{


    animation: fadein 1s;
    -moz-animation: fadein 02s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}


  #fade_page_in2{


    animation: fadein 3s;
    -moz-animation: fadein 02s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}


@media screen and (max-width: 700px) {
    #div_filtro_botones {
        justify-content: center;
    }
}


@keyframes fadein {
    from {
    opacity:0;
     /*-ms-transform: translate(500px, 1000px);
    -ms-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5,0.5);
    transform: scale(0.5, 0.5);*/


    }
    to {
    opacity:1;
     /*-ms-transform: translate(100px, 150px);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1,1);
    transform: scale(1, 1);*/

    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}