.logon-container{
  width: 100%;
  max-width: 1120px;
  max-height: 100vh;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logon-container section.form{
  width: 100%;
  max-width: 350px;
  margin-right: 30px;
}
.logon-container section.form form{
  margin-top: 100px;
}
.logon-container section.form form h1{
  font-size: 32px;
  margin-bottom: 32px;
}
@media (max-width: 768px){
  .logon-container{
    justify-content: center;
    align-items: center;
  }
  .logon-container section.form{
    margin-top: 25px;
    margin-left: 30px;
  }
  .logon-container section.form form{
    margin-top: 50px;
  }
  .Hero-Img{
    display: none;
  }
}