.contact {

  .vcard ul {
    margin: 30px 0;
    list-style-type: none;

    li {
      margin: 5px 0;
    }

    i {
      display: inline-block;
      margin-right: 5px;
      position: relative;
    }
  }

  #contactUs input, #contactUs textarea {
    width: 75%;
  }

  #contactUs textarea {
    height: 100px;
  }

  #contactUs button {
    display: block;
    width: 100px;
  }

}

.contact {

  // only useful while the page is part of the about page
  header {
    padding-top: 25px;
  }

  .vcard ul {
    margin: 30px 0;
    list-style-type: none;

    li {
      margin: 5px 0;
    }

    i {
      display: inline-block;
      margin-right: 5px;
      position: relative;
    }
  }

  #contactUs input, #contactUs textarea {
    width: 75%;
  }

  #contactUs textarea {
    height: 100px;
  }

  #contactUs button {
    display: block;
    width: 100px;
  }

}

Fix the header spacing slightly
Fix the header spacing slightly
