@media (max-width: 768px) {
  input, textarea {
    font-size: calc(14px * var(--font-size-modifier));
  }

  .errorX {
    font-size: calc(8px * var(--font-size-modifier));
  }

  .errorText {
    font-size: calc(10px * var(--font-size-modifier));
  }

  .checkbox-container {
    min-height: 20px;
    line-height: 20px;
    padding-left: 25px;
    font-size: calc(12px * var(--font-size-modifier));
  }

  .checkbox-container p,
  .checkbox-container a,
  .checkbox-container span {
    font-size: calc(12px * var(--font-size-modifier));
    line-height: 20px;
  }

  .check-mark {
    height: 15px;
    width: 15px;
  }

  .checkbox-container .check-mark:after {
    left: 4px;
    top: 2px;
    width: 4px;
    height: 8px;
  }

}