.font-06 {
    font-size: 0.9rem;
  }
  
  .font-07 {
    font-size: 0.9rem;
    line-height: 1.4;
  }
  
  .h1,
  .h2,
  .h3,
  .h4 {
    font-size: 1rem;
  }
  
  .h5 {
    margin-bottom: 0.03rem;
  }
  
  .form-group {
    margin-bottom: 0.5rem;
  }
  
  .form-check-inline {
    margin-right: 0.2rem;
  }
  
  .form-text-input {
    padding: 0.25rem 0.25rem 0.125rem;
    font-size: 0.8rem;
  }
  
  .form-box {
    padding: 0 0.5rem 1rem;
    border: 2px solid #000;
  }
  
  .logo-rinck {
    font-family: Esteban, Garamond;
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.1;
  }
  
  .form-box-header {
    background-image: linear-gradient(to right, #fff 0%, #000 100%);
    padding: 0.3rem 0.5rem 0.5rem;
    color: #fff;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    font-size: 1.25rem;
    position: relative;
  }
  
  .form-box-header-number {
    position: absolute;
    left: 1rem;
    font-size: 3em;
    bottom: -0.25rem;
    color: #000;
    text-shadow: 2px 5px 4px #333;
  }
  
  .squeeze-box .form-group {
    margin-bottom: 0.25rem;
  }
  
  @media (width >= 768px) {
    .dotted-question::after {
      content: "";
      display: block;
      position: absolute;
      bottom: 1px;
      height: 1px;
      width: 100%;
      border-bottom: 1px dotted #333;
    }
  
    .dotted-question legend {
      background-color: #fff;
      z-index: 5;
      position: relative;
      width: auto;
      display: inline-block;
    }
  }
  
  @media print {
    .font-06 {
      font-size: 0.6rem;
    }
  
    .font-07 {
      font-size: 0.8rem;
      line-height: 1.4;
    }
  
    .dotted-question::after {
      content: "";
      display: block;
      position: absolute;
      bottom: 1px;
      height: 1px;
      width: 100%;
      border-bottom: 1px dotted #333;
    }
  
    .dotted-question legend {
      background-color: #fff;
      z-index: 5;
      position: relative;
      width: auto;
      display: inline-block;
    }
  }