:root {
  --parkwatcher-color: #222338;
  --parkwatcher-secondary-color: #ffea00;
  
  --red-color: rgb(180, 4, 4);
  --orange-color: #FF8000;
  --green-color: #42B224;
  --white-color: hsl(0, 0%, 96%);
  
  --primary-transparent: rgba(0, 103, 194, 0.5);
}

.page-header {
  background-image: url(../img/login-bg.jpg);;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.bouncing {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 2;
}

.card.card-login .card-footer > button {
  background-color: var(--parkwatcher-color);
}
/* ==================================== RESPONSIVE ==================================== */
@media only screen and (max-width:1441px) {
}
@media only screen and (max-width:1281px) {
}
@media only screen and (max-width:1141px) {
}
@media only screen and (max-width:1025px) {
  h4, .h4 {
    font-size: 1.05rem;
    line-height: 1em;
  }
}
@media only screen and (max-width:771px) {
}
@media only screen and (max-width:481px) {
}
@media only screen and (max-width:426px) {
}
@media only screen and (max-width:381px) {
}
@media only screen and (max-width: 3210px) {
  h4, .h4 {
    font-size: .9rem;
  }
}