* {
    margin: 0;
    padding: 0;
  }
  
  html,
  body {
    height: 100%;
  }
  
  .login-wrapper {
    height: 100%;
    width: 100%;
  
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  
  .form-login {
    background: white;
  
    padding: 20px;
  
    width: 350px;
    height: 90%;
  
    margin-right: 30px;
  
    border-radius: 20px;
  
    display: flex;
    flex-direction: column;
  
    justify-content: space-between;
    align-items: center;
  }
  
  .form-login form {
    width: 100%;
  }
  
  .btn-rounded {
    border-radius: 20px !important;
  }
  
  .btn-login {
    background-color: #ed0029 !important;
    color: #fff;
    border-color: #ed0029;
    /* border-radius: 20px; */
  }
  
  @media (min-width: 1023px) and (max-width: 1024px) {
    .login-wrapper {
      justify-content: center;
    }
  
    .form-login {
      width: 50%;
      margin-left: 30px;
    }
  }
  
  @media (max-width: 768px) {
    .login-wrapper {
      justify-content: center;
      overflow-y: scroll;
    }
  
    .form-login {
      margin: 40px !important;
  
      height: 550px;
    }
  }
  
  @media (max-width: 768px) and (orientation: landscape) {
    .login-wrapper {
      justify-content: center;
      overflow-y: scroll;
    }
  
    .form-login {
      margin-top: 40px;
      margin-bottom: 40px;  
      height: 550px;  
      margin-right: 0;
    }
  }