#login {
    background: linear-gradient(45deg, black, transparent);
    background-size: cover;
}

.cardlogin {
    padding: 10px 0px;
}

.card {
    position: absolute;
    width: 30%;
    top: 20%;
    left: 35%;
    background-color: #383d41;
    color: #fff;
}

.card .form-control {
    display: block;
    width: 100%;
    padding: 10px 15px;
    height: auto;
    color: #fff;
    background-color: transparent;
    border: 1px solid #bbb;
    font-size: 16px;
    border-radius: 0.25rem;
}

.card strong {
    color: #e20f0f;
    font-size: 13px;
}

.card label {
    font-size: 15px;
}

.cardlogin label {
    color: #fff;
}

@media (max-width: 992px) {
    .card {
        position: absolute;
        width: 100%;
        top: 10%;
        left: 0%;
    }
}

@media (max-width: 600px) {
    .card {
        position: absolute;
        width: 100%;
        top: 10%;
        left: 0%;
    }
}