html,
body {
  max-width: 100%;
  font-size: 1.5vw;
}

#navfavicon {
  width: 3vw
}

.card-body {
  min-height: 300px;
  max-height: 400px;
  min-width: 150px;
  max-width: 200px;
  margin-right: 5px;
  overflow: auto;
}

.actiecard {
  min-height: unset;
  max-height: unset;
  min-width: unset;
  max-width: unset;
}

main.container {
  max-width: none;
}

@media only screen and (max-width: 30cm) {

  html,
  body {
    font-size: 3.5vw;
  }

  main.container {
    max-width: none;
  }

  #navfavicon {
    width: 5vw
  }
}

body {
  max-height: 100%;
  padding-top: 4.5rem;
}

.bg-huis {
  background-color: #5F9573;
}

section>hr {
  width: 50%;
}

div.scroll {
  margin: 4px, 4px;
  padding: 4px;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}

.bg-huis {
  background-color: #5F9573;
}

.carousel-caption:empty {
  background-color: transparent !important;
  display: none !important;
}

article.container {
  background-color: white;
  border: 5px outset #5F9573;
  opacity: .9;
  white-space: initial;
  font-size: .875em;
  padding: 25px;
}

.rekenbox-frame {
  padding: 25px;
  margin: 25px;
}

.carousel-caption:empty {
  background-color: transparent !important;
  display: none !important;
}

.card {
  padding: 10px;
  margin-bottom: 20px;
}