@media only screen and (min-width: 600px) {
    
    #loginCard {
        width: 50%;
    }

  }
  
  /* medianos m (landscape tablets, 768px y +) */
  @media only screen and (min-width: 768px) {
    #loginCard {
        width: 50%;
    }
    
  }

  /* largos l (laptops/desktops, 992px y +) */
  @media only screen and (min-width: 992px) {
    #loginCard {
        width: 50%;
    }
    .loginlogo{
        width: 40%;
    }
  }