@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap);
h1, h2, h3, h4, h5, h6 {
  font-family: "proxima-nova", sans-serif;
  font-weight: 600 !important;
}

p {
  font-family: "proxima-nova", sans-serif;
  font-size: 14px;
}
@media (min-width: 992px) {
  p {
    font-size: 16px;
  }
}

input {
  font-family: "proxima-nova", sans-serif;
}

span {
  font-family: "proxima-nova", sans-serif;
}

.btn {
  font-family: "proxima-nova", sans-serif;
  border-radius: 50px;
  font-weight: 500;
  padding: 8px 20px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .btn {
    font-size: 16px;
  }
}

button {
  font-family: "proxima-nova", sans-serif;
  border-radius: 50px;
}

.form-floating {
  position: relative;
  font-family: "proxima-nova", sans-serif;
}

.alert {
  font-family: "proxima-nova", sans-serif;
}

.header {
  border-bottom: 1px solid #f7f7f7;
}
.header svg {
  vertical-align: sub;
}

.frontend {
  background: #fcf6ed;
  font-family: "proxima-nova", sans-serif;
}
.frontend .form-select {
  font-size: 14px;
}
@media (min-width: 992px) {
  .frontend .form-select {
    font-size: 16px;
  }
}
.frontend .form-control {
  font-size: 14px;
}
@media (min-width: 992px) {
  .frontend .form-control {
    font-size: 16px;
  }
}
.frontend .company-title {
  font-family: "Playfair Display", serif;
  color: #8f383e;
}
.frontend .nav {
  background: #8f383e;
}
.frontend .btn {
  font-weight: 500;
  font-size: 14px;
}
@media (min-width: 992px) {
  .frontend .btn {
    font-size: 16px;
  }
}
.frontend .card .list-group-item {
  border: 0;
  padding: 5px 0;
  font-weight: 500;
  font-size: 14px;
}
@media (min-width: 992px) {
  .frontend .card .list-group-item {
    font-size: 16px;
  }
}
.frontend .card .company-name {
  font-family: "Playfair Display", serif;
}
.frontend .card .company-logo {
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.frontend .card .company-average-title {
  font-weight: 600;
}
.frontend .breadcrumb .btn-link {
  font-weight: 500;
  font-size: 14px;
}
.frontend footer {
  background: #8f393e;
}
.frontend #radar-chart {
  width: 100%;
  min-height: 340px; /* mobiel */
}
@media (min-width: 992px) {
  .frontend #radar-chart {
    min-height: 650px; /* desktop */
  }
}