body {
    max-width: 1100px;
    margin: auto;
    font-family: sans-serif;
    display: compact;
}

.input
{
    line-height: 30px;
    width: 500px;
}

.card-body {
    padding: 2rem 18rem;
}

.input-group {
    display: block;
}

.bi {
    margin-left: 4.5rem;
}

footer {
    margin: 10%;
}
@media (min-width: 440px) and (max-width: 950px){
    body {
        max-width: 500px;
    }
    .card-body {
        margin: 10px;
        padding: 5px;
    }

    .container {
        display: inline;
    }
    .bi {
        margin-left: 3.5rem;
    }
    .bi-exclamation-lg {
        margin-left: 2.5rem;
    }
}