.modal-header h5 {
    font-size: 14px;
}

@media screen and (max-width: 750px) {
    .modal-header h5 {
        font-size: 0.5rem;
    }

    :root {
        --bs-border-radius: .175rem;
        --bs-border-radius-sm: .125rem;
        --bs-border-radius-lg: .25rem;
        --bs-border-radius-xl: 0.5rem;
    }

    .btn {
        --bs-btn-padding-x: .25rem;
        --bs-btn-padding-y: .175rem;
        --bs-btn-font-size: .4rem;
    }
    .mb-3 {
        margin-bottom: 0.2rem !important;
    }
    .form-label {
        margin-bottom: .25rem;
    }
    .form-control {
        font-size: .25rem;
        padding: 0.05rem 0.2rem;
        border: 0.01rem solid #f0f0f0 !important;
    }
    .form-control:focus {
        color: var(--bs-body-color);
        background-color: var(--bs-body-bg);
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .015rem #0d6efd40;
    }
}