@font-face {
  font-family: Bison-Light;
  src: url('../fonts/Bison-Light.ttf');
}

@font-face {
  font-family: PragmaticaCondBook;
  src: url('../fonts/PragmaticaCondBook.otf');
}



html, body
{
  background-image: url('../img/bg_login_desktop.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.card
{
  background-color: rgba(255,255,255,.3);
  border-radius: 0 0 20px 20px;
  color: white
}

.card input
{
  background-color: white;
  color: black;
}

.card label
{
  font-weight: bold;
}

.btn-link
{
  color: white;
}

.btn-link:hover
{
  color: white;
}

.input-detail
{
  font-size: 12px;
  margin-top: -10px;
  margin-bottom: 15px;
}

.office-name
{
  color: white;
  font-family: Bison-Light;
  font-size: 30pt;
  text-align: center;
  display: block;
}

.office-description
{
  color: white;
  font-family: PragmaticaCondBook;
  margin-top: -14px;
  font-size: 12pt;
  letter-spacing: 1.9px;
  text-align: center;
  display: block;
}


@media (max-width: 600px)
{
  html, body
  {
    background-image: url('../img/bg_login_mobile.jpg');
    background-size: cover;
    background-repeat: no-repeat;
  }
}