html,
body {
  height: 100%;
  font-family: 'Inter UI', sans-serif;
}

body {
  background-image: url("/img/sk_background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;

}

.container {
    max-width: 960px;
    

    
  }
  
  .lh-condensed { line-height: 1.25; }


  .div-center {
    background-color: #fff;
    padding: 2em;
    color: black;
  }

  #login_logo {
    max-width: 300px ;
    margin-bottom: 30px;
  }

  
#login_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: rgba(0,0,0,0.25);
}

@media
only screen 
and (max-width: 760px), (min-device-width: 768px) 
and (max-device-width: 1024px)  {
  body, #login_overlay{
    background-color: white;
    background-image: none;
  }
}