body {
    margin: 0;
    background-color: #f8f9fa;
  }
  h1 {
    max-width: 800px;
    margin: 40px auto 10px auto;
    font-size: 2.2em;
  }
  #logo img {
    height: 40px;
    max-width: 100%;
    display: block;
  }
  #header {
      background-color: #f8f9fa;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  #header .wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
  }
  footer {
    text-align: center;
    margin-top: 20px;
    font-size: 0.9em;
    color: #6c757d;
  }
  .form-group {
    margin-bottom: 20px;
  }
  #formio {
    max-width: 800px;
    margin: 0 auto;
  }
  #success-container, #error-container {
    display: none;
    max-width: 800px;
    margin: 0 auto;
  }
  .formio-form>div>nav>ul.pagination .page-link {
    color: #fff!important;
    background-color: hsl(240 4.76% 16.47%);
    border-color: hsl(240 4.76% 16.47%);
  }
  .formio-form>div>nav>ul.pagination .page-item.active .page-link {
    color: #fff;
    background-color: hsl(240 4.76% 16.47%)!important;
    border-color: hsl(240 4.76% 16.47%);
  }
  .btn-primary {
    color: #fff;
    background-color: hsl(240 4.76% 16.47%);
    border-color: hsl(240 4.76% 16.47%);
  }
  .btn-primary:hover {
    color: #fff;
    background-color: hsl(240 4.76% 16.47%);
    border-color: hsl(240 4.76% 16.47%);
  }