project/3-web/submission/4 FooBar/sass/_contact.scss
/*---------------------
  Contact
-----------------------*/
.contact {

  .map {
    height: 400px;
    margin-bottom: 70px;
  }
}

.contact__address {
  padding-bottom: 40px;
  border-bottom: 1px solid #e8eff4;
  margin-bottom: 70px;
}

.contact__address__item {
  margin-bottom: 30px;

  h6 {
    color: $heading-color;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px;
  }

  ul {

    li {
      list-style: none;
      margin-bottom: 20px;
      overflow: hidden;

      &:last-child {
        margin-bottom: 0;
      }

      span {
        font-size: 24px;
        color: $heading-color;
        margin-right: 25px;
        float: left;
      }

      p {
        font-size: 14px;
        color: #444444;
        line-height: 26px;
        margin-bottom: 0;
        overflow: hidden;
      }
    }
  }
}

.contact__text {

  h3 {
    color: $heading-color;
    font-weight: 700;
    font-style: italic;
    font-family: 'Playfair Display', serif;
    margin-bottom: 20px;
  }

  ul {
    margin-bottom: 35px;

    li {
      list-style: none;
      font-size: 16px;
      color: #444444;
      line-height: 36px;
    }
  }
}

.contact__form {

  form {

    input {
      width: 100%;
      height: 50px;
      border: 1px solid #e1e1e1;
      background: #fafafa;
      font-size: 14px;
      color: $heading-color;
      padding-left: 20px;
      margin-bottom: 30px;

      &:last-child {
        color: $heading-color;
      }
    }

    textarea {
      width: 100%;
      height: 140px;
      border: 1px solid #e1e1e1;
      background: #fafafa;
      font-size: 14px;
      color: $heading-color;
      padding-left: 20px;
      padding-top: 12px;
      margin-bottom: 24px;
      resize: none;

      &:last-child {
        color: $heading-color;
      }
    }
  }
}