.form-center {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

div.card-body {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
}

.form-group {
    /*width: 97%;*/
    display: flex;
    flex-direction: column;
}

.form-control {
    width: auto;
}

@media screen and (max-width: 414px) {
    div.row {
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    div.container {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0px;
        padding-right: 0px;
    }
    a.card-header {
        font-size: 16px;
    }
    /*.form-group {
        width: 90%;
    }*/
    .form-center {
        width: 95%;
    }
}

@media screen and (min-width: 768px) {
    /*.form-group {
        width: 97%;
    }*/
    div.container {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0px;
        padding-right: 0px;
    }
    div.row {
        width: 90%;
        padding-left: 0.5%;
        padding-right: 0.5%;
    }
}