@media (max-width: 768px) {
    .login-card {
        margin: 20px 15px;
        border-radius: 10px;
    }

    .card-body {
        padding: 25px 20px !important;
    }

    body {
        padding-top: 20px;
    }
}

@media (max-width: 576px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-md-4 {
        padding-left: 10px;
        padding-right: 10px;
    }

    h4 {
        font-size: 1.4rem;
    }
}