@media screen and ( min-width: 992px) {
    .landingImage {
        display: block !important;
    }
}


#login-modal input {
    max-width: 100%;
}

.cta {
    background-color: aliceblue;
}

    .cta p {
        text-align: justify
    }

.landingImage {
    background-position-x: right;
    background-image: url(/Img/wallet_landing.svg);
    background-repeat: no-repeat;
    max-height: 584px;
    background-size: contain;
    display: none;
}

.wallet-card-img {
    max-height: 200px;
    background-image: url(/Img/wallet_landing.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 300px;
}

.opacity-0 {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

.opacity-1 {
    opacity: 1;
}