body {
  color: #fff;
  margin: 0;
  height: 100vh;
  background: linear-gradient(to right, #170000, #EEC689);
  font-family: 'Corsario VF', sans-serif;
}

#logo {
    background-image: url("../imagens/logo-horizontal.png");
    background-position: center;
    background-size: 300px;
    background-repeat: no-repeat;
    color: white;
    height: 100px;
  }
  
body
  
  #logo {
    background-image: url("../imagens/logo-horizontal.png");
    background-position: center;
    background-size: 250px;
    background-repeat: no-repeat;
    color: white;
    height: 100px;
  }
      
    .modal {
    z-index: 1055;
    }

    .modal-backdrop {
    z-index: 1050;
    }

  @media only screen and (max-width: 1100px){
      .card-login{
          width: 85%;
      }      
      .left-login {
          display: none;
      }
    }
  
  @media only screen and (max-width: 800px){
      .main-login{
          flex-direction: column;
      }
      .left-login {
          display: none;
      }
  
      .left-login{
          width: 100%;
          height: auto;
      }
  
      .right-login{
          width: 100%;
          height: auto;
      }
  
      .left-image-login{
          width: 50vw;
      }
  
      .card-login{
          width: 90%;
      }  
  }