/* style hier*/
html, body{
    background-color: rgb(222,220,0); height: 100vh;
}
.my-hero {
    background-image:  url("../assets/banner_login.png");  
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

form#formLogin {
    max-width: 40vw;
}

/*footer {
    position: absolute;
    bottom: 0;
    min-width: 100vw;

}*/
input[type=text] {
    border: 2px solid green;

  }
@media screen and (max-width: 1024px) {
    form#formLogin {
        max-width: 50vw;
    }
}

@media screen and (max-width: 600px) {
    form#formLogin {
        max-width: 100vw;
    }

}