html,
body,
#__nuxt {
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Stolzl", Sans-serif;
}

p,
a {
  font-size: 0.85rem;
  line-height: 1.5;
  font-family: "Stolzl", Sans-serif;
  text-decoration: none;
}

label {
  font-size: 0.85rem;
  font-weight: 300;
  font-family: "Stolzl", Sans-serif;
}

.btn {
  font-size: 0.95rem;
  font-weight: 400;
  font-family: "Stolzl", Sans-serif;
  text-transform: uppercase;
}

.form-label {
  margin-bottom: 0;
}

.invalid-feedback {
  display: block;
}

.modal-footer {
  justify-content: center;
}

#loading .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.list-group-item {
  font-size: 0.9em;
  font-weight: 400;
}


@media (max-width: 598px) {
  ul {
    width: 240px;
  }
}

@media (max-width: 398px) {
  ul {
    width: 210px;
  }
}

@media (max-width: 286px) {
  ul {
    width: 160px;
  }
}


@media (max-width: 236px) {
  ul {
    width: 120px;
  }
}

@media (max-width: 196px) {
  ul {
    width: 80px;
  }
}