.wrapper {
    background: url('../img/responsive.jpg');
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .main-panel {
    background: none;
    min-height: 100vh;
  }
  .card .card-title {
    margin-bottom: 15px;
  }

  
  .las.la-envelope,
  .las.la-lock{
    font-size: 32px;
  }
  
  .main-panel {
    float: none;
    width: 100%;
  
  }
  
  .container-login100 {
    width: 100%;
    min-height: 80vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
  }
  .perfect-scrollbar-on .main-panel, 
  .perfect-scrollbar-on .sidebar {
    top: 0px;
  }
  
  img {
    width: 95%;
  }
  


  .input-group-text {
    color: #fff;
    background-color: #f04e23;
    border: 1px solid #ced4da;
    border-radius: 0;
  }