body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
main {
    flex: 1 0 auto;
}
.fondoConTexto
{
    color: white;
    background: #323f93;
}

@media screen and (max-width: 500px) and (min-width: 100px) {
    .logoMio{
        width: 20%;
    }
}



@media screen and (max-width: 700px) and (min-width: 501px) {
    .logoMio{
        width: 20%;
    }
}

@media screen and (max-width: 900px) and (min-width: 701px) {
    .logoMio{
        width: 10%;
    }
}

@media screen and (min-width: 901px) {
    .logoMio{
        width: 5%;
    }
}