header.masthead {
  position: relative;
  overflow: hidden;
  padding-top: calc(7rem + 72px);
  padding-bottom: 7rem;
  background-image: url(../../assets/img/start_highres.jpg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-attachment: scroll;
  background-size: cover;
}

@media (min-width: 300px) {
  .card {
    width: 75%;
    left: 12.5%;
  }
}

@media (min-width: 768px) {
  .card {
    width: 50%;
    left: 25%;
  }
}

.table-responsive::-wb {
  overflow: auto !important;
  width: 100%;
}

@media (min-width: 300px) {
  .table-responsive {
    font-size: 3vw;
  }
}

@media (min-width: 992px) {
  .table-responsive {
    width: 50%;
    left: 25%;
    position: relative;
    font-size: 1vw;
  }
}

@media (min-width: 300px) {
  .navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    font-size: small;
  }
}

@media (min-width: 576px) {
  .navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    font-size: inherit;
  }
}

@media (min-width: 992px) {
  .card {
    width: 25%;
    left: 37.5%;
  }
}