section {
  margin-top: 3rem;
}

.alert > p:last-child,
.alert > ul:last-child {
  margin-bottom: 0;
}

.brand-logo {
  --height: 2em;

  height: var(--height);
  background: no-repeat center center / contain;
}
.brand-logo.-small {
  width: calc(var(--height) * 400 / 324);
  background-image: url(../images/makandra-m.svg);
}
.brand-logo.-large {
  width: calc(var(--height) * 600 / 108);
  background-image: url(../images/makandra.svg);
}

.bi {
  display: inline-block;
  vertical-align: -0.125em;
  fill: currentcolor;

  width: 1em;
  height: 1em;
}

.hidden {
  display: none !important;
}