/* Responsive CSS */

@media only screen and (min-width: 1280px){
    .card, .success{
        flex-direction: row;
    }

    .card > *, .success > * {
        flex-basis: 100%;
    }

    .card img, .success-img img{
        max-height: 500px;
    }

    .success-img img{
        margin-top: 0;
    }

    .card-body, .success-body{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .card-info{
        text-align: left;
        width: 80%;
    }
    .success-info{
        text-align: left;
        width: 90%;
    }
    form{
        width: 80%;
    }
    .alert{
        width: 80%;
        font-size: 0.9rem;
    }
}

@media only screen and (min-width: 1600px) {
    .card, .success{
        width: 80%;
        margin: 0 auto;
    }
}

@media only screen and (max-height: 740px) {
    .card img, .success-img img{
        max-height: 400px;
    }
}