.intro {
  margin: 0 auto;
  padding: 6.3rem 2rem 0;
  width: 36rem;
  @media (width >= 961px) {
    padding: 9rem 2rem 0;
    width: 96rem;
  }

  > p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8;
    margin: 0 0 4.5rem;
    padding: 0;
    @media (width >= 961px) {
      margin: 0 0 3.6rem;
    }
  }

  >div {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    @media (width >= 961px) {
      flex-direction: row;
      gap: 3.2rem;
    }

    .pitboy, .car7 {
      align-items: center;
      border: solid 1px #C6C6C6;
      border-radius: 1.6rem;
      color: #1a1a1a;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 2rem 0;
      text-decoration: none;
      @media (width >= 961px) {
        width: 48%;
      }

      h2 {
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 1.8;
        margin: 0;
      }

      .site {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1.8;
        margin: 0 0 1rem;
      }

      .small {
        color: #5F5F5F;
        font-size: 1.2rem;
        line-height: 1.8;
        margin: 0;
      }

      &:hover {
        border-color: #1a1a1a;
      }
    }
    .pitboy {
      .site {
        color: #E73421;
      }
    }
    .car7 {
      .site {
        color: #FF9800;
      }
    }
  }
}

.mail-form {
  margin: 0 auto;
  padding: 7.2rem 2rem 9rem;
  width: 36rem;
  @media (width >= 961px) {
    padding: 9rem 2rem 11rem;
    width: 96rem;
  }
  > p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8;
    margin: 0 0 4.5rem;
    padding: 0;
    @media (width >= 961px) {
      margin: 0 0 3.6rem;
    }
  }

  > div {
    font-size: 1.6rem;
    line-height: 1.8;

    small {
      color: #FF0000;
      font-size: 1.2rem;
    }

    input[type="email"],
    input[type="tel"],
    input[type="text"],
    input[type="number"],
    textarea {
      background: #F9F9F9;
      border: .1rem solid #C6C6C6;
      font-size: 1.6rem;
      line-height: 1.8;
      padding: 1em;
      width: 100%;
      @media (width >= 961px) {
        width: 50%;
      }
    }
    textarea {
      @media (width >= 961px) {
        width: 100%;
      }
    }
    [type="checkbox"],
    [type="radio"] {
      height: 1.8rem;
      margin: 0 .5rem .2rem 0;
      padding: 0;
      vertical-align: middle;
      width: 1.8rem;
    }

    span > span > span {
      margin: 0;
    }

    input[type="submit"] {
      border-radius: .6rem;
      border-width: .1rem;
      font-size: 1.6rem;
      padding: 1rem;
    }
  }
}

#autozip {
  display: none;
}