.login-container{
  position:relative;
  top:50px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  padding:10px 40px;
  border:2px solid rgb(230, 230, 230);
  border-radius: 10px;
  background-color: rgb(240,240,240);
}
.login-header{
  display:flex;
  align-items: center;
}
.col-20{
  width:20%;
  padding:0;
}
.col-80{
  text-align:center;
  width:80%;
}
.logo_formulaire{
  width: 60%;
  border-radius: 50%;
}
form{
  display: flex;
  flex-direction: column;
}
.form-control{
  width: 100%;
  padding: 10px 20px;
  margin: 10px 0px;
  border: 1px solid #ccc;
  box-shadow : 5px 5px 5px 5px lightgray;
  border-radius: 7px;
  font-family: sans-serif;
  font-size: 1rem;
}
label{
  margin-top : 20px;
  font-size: 1.2rem;
  font-family: sans-serif;
  font-style: italic;
  color:Navy;
}
@media screen and (max-width:1024px){
  .login-container{
    top:20px;
    width:70%;
  }
}
@media screen and (max-width:768px){
  .login-container{
    width:90%;
  }
}