.login-page {
  height: 100%;
  width: 100%;
  background: url(./beer_tausta.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html {
  height: 100%;
}

body {
  height: 100%;
}

#root {
  height: 100%;
}

.login-title {
  margin-top: 5vh;
  font-size: 3rem;
}

#logo {
  margin-top: 15vh;
  width: 80%;
}

.login-container {
  margin-left: 15vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 15vw;
  min-width: 400px;
  max-width: 100vw;
}

@media only screen and (max-width: 600px) {
  #logo {
    width: 70vw;
  }

  .login-container {
    width: 100%;
    margin-left: unset;
    min-width: unset;
  }
}

.login-title {
  color: white;
  text-shadow: 3px 3px 5px #000;
}