@media only screen and (max-width:640px) {
    #imglogo{
        width: 30% !important;
        top: 1%;
    }
    #imglogo00{
        top: 93%;
        left: 62%;
    }
    #imglogo01{
        top: 93%;
        left: 76%;
    }
    #imglogo02{
        top: 93%;
        left: 90%;
    }
    .imgfondo{
        display:none;
        width: 100%;
        height: 270vh;
    }
    body{
        width: 100% !important;
        background: radial-gradient(circle at 100% 50%, transparent 10%, rgba(9,  41,  78,.2) 21%, rgba(9,  41,  78,.2) 34%, transparent 35%, transparent),
                radial-gradient(circle at 0% 50%, transparent 10%, rgba(9,  41,  78,.2) 21%, rgba(9,  41,  78,.2) 34%, transparent 35%, transparent) 0 -50px;
        background-color: var(--azulMedio2);
        background-size: 30px 60px;
    }
    .index-contenedor{
        width: 100%;
        margin: auto;
        height: auto;
    }
    
    .index-contenedor-00{
        top: 2vh;
        left: 1%;
        width: 98%;
        height: auto;
        
    }
    .index-contenedor-01{
        width: 100%;
        height: auto;
        flex-flow: column;
    }
    .index-contenedor-01-00{
        width: 94%;
        margin-bottom: 2%;
        padding: 2%;
    }
    .index-contenedor-01-01{
        width: 94%;
        margin-bottom: 2%;
        padding: 2%;
    }
    .index-contenedor-01-02{
        width: 94%;
        margin-bottom: 2%;
        padding: 2%;
    }
    .figuras{
        width: 100%;
        height: auto;
    }
    .index-contenedor-01-00 .imgsoporte00{
        animation: xxx 8s ease-in-out 3 alternate;
        -webkit-animation: xxx 8s ease-in-out 3 alternate;
    }
    .index-contenedor-01-01 .imgsoporte01{
        animation: xxx 8s ease-in-out 3 alternate;
        -webkit-animation: xxx 8s ease-in-out 3 alternate;
    }
    .index-contenedor-01-02 .imgsoporte02{
        
        animation: xxx 8s ease-in-out 3 alternate;
        -webkit-animation: xxx 8s ease-in-out 3 alternate;
    }
}