#logoparte1{
    width: 8vw;
    margin-top: 40vh;
    position: absolute;
    animation: logo 1500ms ease infinite;
    -webkit-animation: logo 1500ms ease infinite;
}

#logoparte2{
    width: 9vw;
    margin: auto;
    margin-top: 39.5vh;
    margin-left: 44vw;
    position: absolute;
    animation: logo2 1500ms ease infinite;
    -webkit-animation: logo2 1500ms ease infinite;
}

@-webkit-keyframes logo{
    0%{
        margin-left: 40%;
    }
    50%{
        margin-left: 20%; 
    }
    100%{
        margin-left: 40%;
    }
    
}

@keyframes logo{
    0%{
        margin-left: 40%;
    }
    50%{
        margin-left: 20%; 
    }
    100%{
        margin-left: 40%;
    }
    
}

@-webkit-keyframes logo2{
    from{
        transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
}

}

@keyframes logo2{
    from{
        transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
}

}
#logoLoad {
    background: linear-gradient(rgba(171, 215, 228, 0.5),
        rgba(100, 133, 218, 0.582)),
      url(../imginicio/fondo4.svg);
    background-repeat: no-repeat;
    height: 100vh !important;
    background-size: cover;
    background-position: center;

  }
  /*para tamaño telefono*/
@media screen and (max-width: 820px){
    #logoparte1{
        width: 17vw;
        margin-top: 50vh;
        margin-left: 50vw;

    }
    
    #logoparte2{
        width: 19.5vw;
        margin: auto;
        margin-top: 49.3vh;
        margin-left: 48vw;

    }
    #logoLoad {
        background-size: 200vh;

    
      }
}