input,
textarea {
  background-color: #EEE;
  border: none;
  padding: 8px;
  font-size: inherit;
}

main {
  margin-top: 180px;
  margin-bottom: 250px;
}

.section-heading {
  margin-bottom: 80px;
}

.main-copy {
  font-size: 24px;
  font-weight: bold;
}

.sub-section {
  margin-top: 70px;
}

.sub-section-label {
  font-weight: bold;
  font-size: 24px;
}

.tel .content {
  font-size: 24px;
}

.tel .content .phone {
  font-weight: bold;
  font-size: 32px;
}

form label {
  display: block;
  margin-top: 20px;
}

form .label {
  font-size: 24px;
  font-weight: bold;
}

input[type=submit] {
  background-color: var(--primary-color);
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
}

@media (max-width: 1023px) {
  main {
    margin-top: 90px;
    margin-bottom: 100px;
  }

  .section-heading {
    margin-bottom: 40px;
  }

  .main-copy {
    font-size: 12px;
  }

  .sub-section {
    margin-top: 35px;
  }

  .sub-section-label {
    font-size: 12px;
  }

  .tel .content {
    font-size: 14px;
  }

  .tel .content .phone {
    font-size: 14px;
  }

  form .label {
    font-size: 12px;
  }

  input[type=submit] {
    font-size: 1rem;
  }
}

/* result */

.result {
  font-size: 24px;
  font-weight: bold;
}

.result .desc {
  margin-top: 30px;
}