html::before {
  /*background-color: #273136;*/
  background-color: #004780;
  background-image: none;
  /*background-image: linear-gradient(180deg,#18349a 0,#04091b 100%);*/
}

html::after {
  background-image: none;
}

.app-header {
  background: rgba(0,0,0,.4);
}

.app-header .brand .brand-logo .brand-img {
  background-image: url(../img/pm_logo.png);
}

.app-footer {
  font-weight: 300;
  padding: 0.5rem 0;
}

.app-footer .nav-link {
  padding: 0 1rem 0 0;
}

.form-check label, .form-check input {
  cursor: pointer;
}

/* we define our own text sizes */

.text-xxs {
  font-size: 0.25rem !important;
}

.text-xs {
  font-size: 0.5rem !important;
}

.text-s {
  font-size: 0.75rem !important;
}

.text-m {
  font-size: 1rem !important;
}

.text-l {
  font-size: 1.25rem !important;
}

.text-xl {
  font-size: 1.5rem !important;
}

.text-xxl {
  font-size: 1.75rem !important;
}