.container-style{
   background-image: url(../images/ciudad-silueta-04.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    height: 100vh; 
   
}
 
  .login-box{
    background-color: white;
    overflow: auto;
    margin-top: -7px; 
    -webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
    -moz-box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
    border-radius: 7px;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
  }

  .login-box .card-header{
    border-bottom: none !important;
  }

  @media  (max-width: 1024px){
    .login-form{   
      width: 50%;  
    }
    .div-fondo{
      width: 60%;
    }
   }
  @media  (max-width: 772px){
   .login-form{   
     width: 100%;  
   }
   .div-fondo{
     display: none;
   }
  }