@charset "UTF-8";

@media screen and (min-width: 768px) and (max-width: 992px) {
  #login {
    width: 80vw;
    border: 1px solid black;
  }

  #img {
    float: right;
    width: 30%;
    height: 100%;
  }

  #form {
    font-size: 1em;
    float: left;
    width: 70%;
  }
}

@media screen and (min-width: 992px) {
  #login {
    width: 950px;
    border: 1px solid black;
  }

  #img {
    float: right;
    width: 40%;
    height: 100%;
  }

  #form {
    font-size: 1.2em;
    float: left;
    width: 60%;
  }
}