.login-bg {
    background-image: url('/img/chan-nuoi.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 100vw;
}

.login-dialog {
    margin-top: 15vh;
    max-width: 380px;
    height: max-content;
    max-height: 550px;
    border: 1px solid gray;
    border-radius: 15px;
    background-color: lightgrey;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.header-login {
    border-bottom: 1px solid;
    height: 140px;
}

.header-logo {
    width: 60px;
    height: 60px;
    margin-top: 10px;
}

.h4-style {
    color: #004682;
    font-family: UTMAvo, Arial;
    font-weight: 600
}
.h5-style {
    font-family: 'RobotoCondensed', Arial;
    color: #cc1224;
    font-weight: 400
}

@media only screen and (max-width: 375px) {
    .login-dialog {
        max-height: 500px;
        margin-top: 10vh;
    }
        .header-login {
        height:100px;
    }
        .header-logo {
        width: 45px;
        height: 45px;
    }
    .h4-style {
        font-size: 16px;
    }
    .h5-style {
        font-size: 12px;
    }
    }

@media only screen and (max-width: 360px) {
    .header-login {
        height: 95px;
    }

    .login-dialog {
        max-height: 450px;
        margin-top: 2vh;
    }
}