.contact {
      color: #111;
      padding: 4rem 1rem;
      font-family: 'century-gothic', sans-serif;
    }
    .contact__title {
      text-align: center;
      font-size: 2.5rem;
      margin-bottom: 2rem;
    }
    .contact__info h3 {
      margin-bottom: .5rem;
      font-size: 32px;
    }
    .contact__info p {
      line-height: 1.4;
      font-size: 22px;
    }
    .contact__info i {
      margin-right: .5rem;
      color: #111;
    }
    .contact__image {
      display: block;
      max-width: 100%;
      margin-top: 1.5rem;
    }
    .contact__form {
      display: flex;
      flex-direction: column;
    }
    .contact__form p {
      margin-bottom: 1rem;
    }
    .contact__form input,
    .contact__form textarea {
      width: 100%;
      padding: .5rem;
      margin-bottom: 1rem;
      border: none;
      outline: none;
    }
    .contact__form button {
      width: 100%;
      padding: .75rem;
      background: #111;
      color: #fff;
      border: none;
      cursor: pointer;
      font-size: 1rem;
    }

    .contact__image{
      max-height: 512px;
    }

    /* stack columns on mobile */
    @media (max-width: 576px) {
      .col-6 {
        grid-column: span 12;
      }
    }