.banner {
  max-width: 65.625rem;
}
.banner img {
  border-radius: 2rem;
}
.banner h1 {
  margin-top: 4rem;
}

#about {
  min-height: calc(100vh - 9.5rem);
  padding: 3.5rem 2.5% 7.5%;
}
#about .txt {
  max-width: 61rem;
  font-size: 1.33rem;
}
#about .txt ul {
  padding-left: 2.5rem;
}
#about h1 {
  max-width: 50rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
#about p {
  word-break: break-word;
}
#about .description {
  margin-bottom: 9.25%;
}
#about .description .btns {
  margin-top: 4rem;
}
#about .award-podcast {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  margin: 2.5% 0;
}
#about .award-podcast h2 {
  margin-bottom: 2.5%;
}
#about .award-podcast {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  margin: 2.5% 0;
}
#about .award-podcast h2 {
  margin-bottom: 2.5%;
}
#about .award-podcast .program img {
  border-radius: 20px;
}
#about .options {
  margin-top: 1.33rem;
}
#about .options .option {
  margin: calc(3.5rem + 2.5%) 0;
}
#about .options .option p {
  margin-bottom: 0.5rem;
}
#about article .form {
  max-width: 25rem;
  margin-top: 1rem;
}
#about article .form .input-group {
  margin-bottom: 1.5rem;
  position: relative;
}
#about article .form .input-group input,
#about article .form .input-group textarea,
#about article .form .input-group select {
  width: 100%;
  padding: 0.65rem 1rem;
  border: 1px solid var(--color-black);
  border-radius: 2rem;
  color: var(--color-black);
  font-weight: 200;
  font-family: "shapiro";
  line-height: 1em;
  display: block;
  background-color: white;
  resize: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#about article .form .input-group input.error,
#about article .form .input-group textarea.error,
#about article .form .input-group select.error {
  border: 1px solid red;
}
#about article .form .input-group ::-webkit-input-placeholder {
  color: var(--color-black);
}
#about article .form .input-group :-ms-input-placeholder {
  color: var(--color-black);
}
#about article .form .input-group ::-moz-placeholder {
  color: var(--color-black);
}
#about article .form .input-group ::-ms-input-placeholder {
  color: var(--color-black);
}
#about article .form .input-group ::placeholder {
  color: var(--color-black);
}
#about article .form .input-group textarea {
  height: 6rem;
  padding-top: 0.6rem;
  border-radius: 0.85rem;
}
#about article .form .input-group input[type=file] span {
  display: block;
  background-color: red;
}
#about article .form .input-group input[type=file]::file-selector-button {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  margin-right: 1rem;
  border: 1px solid black;
  font-size: 0.75rem;
  vertical-align: text-bottom;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: white;
}
#about article .form .input-group-checkbox {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
#about article .form .input-group-checkbox label {
  cursor: pointer;
  font-size: 0.77rem;
  font-weight: 200;
  line-height: 1.9rem;
  letter-spacing: 0.03rem;
  text-transform: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  order: -1;
  position: relative;
}
#about article .form .input-group-checkbox label::before {
  content: "";
  border: 1px solid var(--color-black);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 8px;
  display: block;
  transition-duration: 0.35s;
  transition-property: background-color;
  background-color: white;
}
#about article .form .input-group-checkbox label a {
  margin: 0 0.25rem;
}
#about article .form .input-group-checkbox input {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
#about article .form .input-group-checkbox input:checked ~ label::before {
  background-color: var(--color-black);
}
#about article .form .input-group-checkbox input.error ~ label::before {
  border-color: red;
}
#about article .form .input-group-radio {
  margin-bottom: 35px;
}
#about article .form .input-group-radio .label {
  margin-bottom: 0.5rem;
}
#about article .form .input-group-radio .input-content {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
#about article .form .input-group-radio input.error {
  margin-bottom: 1rem;
}
#about article .form .input-group-radio input.error ~ label::before {
  border-color: red;
}
#about article .form .input-group-radio span.error {
  margin: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateY(50%);
}
#about article .form .g-recaptcha.error iframe[title=reCAPTCHA] {
  border: 1px solid red;
}

@media screen and (max-width: 768px) {
  #about {
    padding-top: 5rem;
  }
}
@media screen and (max-width: 640px) {
  #about {
    padding-right: 5%;
    padding-left: 5%;
  }
  #about .options .option {
    margin-bottom: 5rem;
  }
  #about .form {
    padding: 0 6.5%;
  }
}