#MPI_Login {
    margin: 0 auto 0 auto;
    max-width: 500px;
}

    #MPI_Login .Logo {
        margin: 50px auto 50px auto;
        padding: 0 20px;
        display: block;
        background-image: url(./Images/Structure/Logo.jpg);
        height: 200px;
        background-repeat: no-repeat;
        border-radius: 10px;
        background-size: contain;
        background-position: center;
    }
   
/* Animazione */
@media (min-height: 500px) and (max-height: 700px) {
    #MPI_Login section {
        -webkit-animation: box-animation 1s ease-out;
        -o-animation: box-animation 1s ease-out;
        animation: box-animation 1s ease-out;
        -webkit-animation: box-animation 1s ease-out 1s ease-in;
        -moz-animation: box-animation 1s ease-out 1s ease-in;
        -ms-animation: box-animation 1s ease-out 1s ease-in;
        -o-animation: box-animation 1s ease-out 1s ease-in;
        animation: box-animation 1s ease-out 1s ease-in;
    }
}

@media (min-height: 700px) {
    #MPI_Login section {
        -webkit-animation: box-animation 1s ease-out;
        -o-animation: box-animation 1s ease-out;
        animation: box-animation 1s ease-out;
        -webkit-animation: box-animation 1s ease-out 1s ease-in;
        -moz-animation: box-animation 1s ease-out 1s ease-in;
        -ms-animation: box-animation 1s ease-out 1s ease-in;
        -o-animation: box-animation 1s ease-out 1s ease-in;
        animation: box-animation 1s ease-out 1s ease-in;
    }
}