@media (min-width: 680px) {
  .page {
    padding: 24px;
  }

  .screen--start,
  .screen--quiz,
  .screen--result {
    padding: 34px;
  }

  .title {
    font-size: 42px;
  }

  .summary-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .summary-item {
    border-top: 0;
    border-left: 1px solid var(--line);
    padding-left: 14px;
  }

  .summary-item:first-child {
    border-left: 0;
    padding-left: 0;
  }

  .quiz-actions,
  .result-actions {
    flex-direction: row;
    justify-content: space-between;
  }

  .button {
    min-width: 180px;
  }

  .result-blocks {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .result-block {
    border-top: 0;
    border-left: 1px solid var(--line);
    padding-top: 0;
    padding-left: 16px;
  }

  .result-block:first-child {
    border-left: 0;
    padding-left: 0;
  }

  .lead-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }

  .lead-form .button,
  .lead-form .form-note {
    grid-column: 1 / -1;
  }
}

@media (min-width: 920px) {
  .screen--start {
    padding-right: 80px;
  }

  .question-title {
    font-size: 30px;
  }

  .option-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}