@-webkit-keyframes animacionLogo {
    from {left: -60px;}
    to {left: 60px;}
}
@-moz-keyframes animacionLogo {
    from {left: -60px;}
    to {left: 60px;}
}
@keyframes animacionLogo {
    from {left: -60px;}
    to {left: 60px;}
}

@-webkit-keyframes animacionh1 {
    from {top: -150px;}
    to {top: 0px;}
}
@-moz-keyframes animacionh1 {
    from {top: -150px;}
    to {top: 0px;}
}
@keyframes animacionh1 {
    from {top: -150px;}
    to {top: 0px;}
}


@keyframes animacionDivGeneral{
           0%{
                opacity:0;
                 }
            100%{
          opacity:1;
                 }
     }
@-webkit-keyframes animacionDivGeneral{
           0%{
                opacity:0;
                 }
            100%{
          opacity:1;
                 }
     }
@-moz-keyframes animacionDivGeneral{
           0%{
                opacity:0;
                 }
            100%{
          opacity:1;
                 }
     }
     
     
     
@-webkit-keyframes animacionDescripcion {
    from {top: -450px;}
    to {top: 0px;}
}

@-moz-keyframes animacionDescripcion {
    from {top: -450px;}
    to {top: 0px;}
}
@keyframes animacionDescripcion {
    from {top: -450px;}
    to {top: 0px;}
}


@-webkit-keyframes animacionpajarito {
    from {left: -1500px;}
    to {left: 20%;}
}
@keyframes animacionpajarito {
    from {left: -1500px;}
    to {left: 20%;}
}
@-moz-keyframes animacionpajarito {
    from {left: -1500px;}
    to {left: 20%;}
}


@-webkit-keyframes animacionpajarito768 {
    from {left: -1500px;}
    to {left: 3%;}
}
@-moz-keyframes animacionpajarito768 {
    from {left: -1500px;}
    to {left: 3%;}
}
@keyframes animacionpajarito768 {
    from {left: -1500px;}
    to {left: 3%;}
}


@-webkit-keyframes animacionnota1 {
            0%{right : -1500px;}
            50%{right : -1500px;}
            100%{right: 45%;}
}
@-moz-keyframes animacionnota1 {
            0%{right : -1500px;}
            50%{right : -1500px;}
            100%{right: 45%;}
}
@keyframes animacionnota1 {
            0%{right : -1500px;}
            50%{right : -1500px;}
            100%{right: 45%;}
}


@-webkit-keyframes animacionnota1768 {
            0%{right : -1500px;}
            50%{right : -1500px;}
            100%{right: 35%;}
}
@-moz-keyframes animacionnota1768 {
            0%{right : -1500px;}
            50%{right : -1500px;}
            100%{right: 35%;}
}
@keyframes animacionnota1768 {
            0%{right : -1500px;}
            50%{right : -1500px;}
            100%{right: 35%;}
}



@-webkit-keyframes animacionnota2 {
            0%{right : -1500px;}
            40%{right : -1500px;}
            100%{right: 40%;}
}
@-moz-keyframes animacionnota2 {
            0%{right : -1500px;}
            40%{right : -1500px;}
            100%{right: 40%;}
}
@keyframes animacionnota2 {
            0%{right : -1500px;}
            40%{right : -1500px;}
            100%{right: 40%;}
}


@-webkit-keyframes animacionnota2768 {
            0%{right : -1500px;}
            40%{right : -1500px;}
            100%{right: 25%;}
}
@-moz-keyframes animacionnota2768 {
            0%{right : -1500px;}
            40%{right : -1500px;}
            100%{right: 25%;}
}
@keyframes animacionnota2768 {
            0%{right : -1500px;}
            40%{right : -1500px;}
            100%{right: 25%;}
}

@-webkit-keyframes rosa3 {
            0%{top : -1500px;}
            95%{top : -1500px;}
            100%{top: 0%;}
}

@-webkit-keyframes sshh {
            0%{right : -1500px;}
            50%{right : -1500px;}
            100%{right: 20%;}
}
@-moz-keyframes sshh {
            0%{right : -1500px;}
            50%{right : -1500px;}
            100%{right: 20%;}
}
@keyframes sshh {
            0%{right : -1500px;}
            50%{right : -1500px;}
            100%{right: 20%;}
}


@-webkit-keyframes sshh768 {
            0%{right : -1500px;}
            50%{right : -1500px;}
            100%{right: 0%;}
}
@-moz-keyframes sshh768 {
            0%{right : -1500px;}
            50%{right : -1500px;}
            100%{right: 0%;}
}
@keyframes sshh768 {
            0%{right : -1500px;}
            50%{right : -1500px;}
            100%{right: 0%;}
}


@-webkit-keyframes rosa {
            0%{top : -1500px;}
            95%{top : -1500px;}
            100%{top: 0%;}
}

@-webkit-keyframes silvia {
            0%{left : -1500px;}
            80%{left : -1500px;}
            100%{left: 20%;}
}
@-webkit-keyframes deja {
            0%{left : -1500px;}
            80%{left : -1500px;}
            100%{left: 35%;}
}
@-webkit-keyframes de {
            0%{left : -1500px;}
            80%{left : -1500px;}
            100%{left: 29%;}
}
@-webkit-keyframes chiflar {
            0%{left : -1500px;}
            80%{left : -1500px;}
            100%{left: 30%;}
}
@-webkit-keyframes chiflar768 {
            0%{left : -1500px;}
            80%{left : -1500px;}
            100%{left: 8%;}
}
@-webkit-keyframes rosa2 {
            0%{top : -1500px;}
            95%{top : -1500px;}
            100%{top: 0%;}
}
@-webkit-keyframes puntos {
            0%{left : -1500px;}
            90%{left : -1500px;}
            100%{left: 40%;}
}
@-webkit-keyframes imposible {
            0%{top : -1500px;}
            95%{top : -1500px;}
            100%{top: 0%;}
}
@-webkit-keyframes logoFinalInicio {
            0%{opacity : 0;}
            95%{opacity : 0;}
            100%{opacity : 1;}
}

@media screen and (max-width:1024px) {

#cerrarModal{
    margin-right: 0!important;
    margin-top: 100px!important;
}

}


@media screen and (max-width:768px) {
    
#pajarito{
    position: absolute;
    top: 20%;
    left: 3%;
    -moz-animation: animacionpajarito768 0.3s;
    -webkit-animation: animacionpajarito768 0.3s;
    animation: animacionpajarito768 0.3s;
}
#notaUno{
    position: absolute;
    top: 10%;
    right: 35%;
    -moz-animation: animacionnota1768 0.6s;
    -webkit-animation: animacionnota1768 0.6s;
    animation: animacionnota1768 0.6s;
}
#notaDos{
    position: absolute;
    top: 20%;
    right: 25%;
    -moz-animation: animacionnota2768 1s;
    -webkit-animation: animacionnota2768 1s;
    animation: animacionnota2768 1s;
}
#sshh{
    position: absolute;
    top: 20%;
    right: 0%;
    width: 100%;
    background-color: #dba2c5;
    -moz-animation: sshh768 2s;
    -webkit-animation: sshh768 2s;
    animation: sshh768 2s;
}
#chiflar{
    position: absolute;
    top:70%;
    left: 8%;
    color: #fff;
    font-family: Roboto Slab;
    font-size: 200px;
    font-weight: 700;
    -moz-animation: chiflar768 4.2s;
    -webkit-animation: chiflar768 4.2s;
    animation: chiflar768 4.2s;
}
#imposible p{
    font-family: Roboto Slab;
    font-size: 135px;
    font-weight: 700;
    color: #fff;
    margin-top: 20%;
    margin-left: 10%;
}
#logoFinalInicio{
    width: 100%;
    height: 100%;

}
    header{
        min-height: 70px;
        height: auto;
    }
#botonInicio:link, #botonInicio:visited{
        float: right;
        margin-right: 70px!important;
    }
#cerrarModal{
    margin-right: 0!important;
    margin-top: 100px!important;
}

#contenidoModal{
    left: 25%;
}

.datosSobreMi{
    width: 100%;

}
.datosSobreMi:nth-child(3){
    margin-top: 0;

}
.unTrabajo{
    width: 49%;
    margin-right: 2%;
}
.unTrabajo:nth-child(2n){
    margin-right: 0;
}

#menuPrincipal{
    display: none;

}
#botonResponsivo{
    display: block;
}

#descripcionAmpliacion a#botonResponsivoapp{
    display: inline-block!important;
}
 #descripcionAmpliacion #mostrarModal{
    display: none;
}
#contendioGeneral input{
    margin-bottom: 4%;

    font-size: 1em;
    font-weight: 400;
    border: solid #111 2px;
    background-color: #EEE;
}
#contendioGeneral input{
    width: 97%;

}
#contendioGeneral input:last-child{
    width: 100%;
}
}
@media screen and (max-width:640px) {

    h2, .mostrarDato{

    font-size: 25px;

}
    .unTrabajo{
    width: 100%;
}
.h1deportfolio{
    width: 100%;
}
#menu_filtros{
    width: 100%;
}
#menu_filtros ul li{
    float: left;
    width: 27%;
    margin: 0;
    margin-right: 5%;
    margin-bottom: 2%;
    padding: 0;
    padding: 1%;
    text-align: center;
}
#menu_filtros ul li:nth-child(3n){
    margin-right: 0;

}
#contendioGeneral{
    padding-top: 120px;
}
#contendioGeneral input{
    border: solid #111 1px;

}
#trabajosInicioDisenio .unTrabajo a .descripcionTrabajo h2, #trabajosInicioDisenio .unTrabajo a .descripcionTrabajo i, #trabajosIniciofotografia .unTrabajo a .descripcionTrabajo h2, #trabajosIniciofotografia .unTrabajo a .descripcionTrabajo i{
                color: #111;
                
            }
            #trabajosInicioDisenio .unTrabajo a .descripcionTrabajo h2, #trabajosIniciofotografia .unTrabajo a .descripcionTrabajo h2{
                margin-top: 100px!important;
            }
            .descripcionTrabajo{
                z-index: 9999;
            }
            #trabajosInicioDisenio .unTrabajo a .descripcionTrabajo, #trabajosIniciofotografia .unTrabajo a .descripcionTrabajo{
                top:0;
                opacity: 1;
                background-color: rgba(255, 255, 255,.8);
            }

}