.register-bg-image{
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)), url('/assets/images/suscribe/xp-account_register.jpg');
background-size: cover;
height: 100vh;
background-position: top center;
background-repeat: no-repeat;
}

.login-bg-image{
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)), url('/assets/images/login/xp-login.jpg');
    background-size: cover;
    height: 100vh;
    background-position: top center;
    background-repeat: no-repeat;
    }

.form-content{
    max-width: 400px;
    margin: auto;
}

.input{
    border: none;
    padding: 8px;
    border-radius: 4px !important;
    outline: none!important;
    background-color: #181818;
    color: #ffffff;
}

.input-group{
    margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
.form-content{
    max-width: 300px;
    margin: auto;
}
}

@media only screen and (max-width: 767px) {
.auto-vh{
height: auto!important;
}
.register-section{
padding-top: 70px !important;
padding-bottom: 70px !important;
}
.register-bg-image, .login-bg-image{
display: none;
}

}

@media only screen and (max-width: 420px) {
.form-content{
max-width: 80%;
}
}