.contacts {
  margin-top: 109px;
  position: relative;
  min-height: 100%;
}

.contacts-left {
  text-align: left;
  z-index: 90;
}

.contacts-left .title {
  color: #717171;
  font-size: 1.7em;
  font-weight: 900;
  margin-bottom: 30px;
}

.contacts-left .text {
  color:#989898;
}

.contacts-left .mail {
  color: #717171;
  text-decoration: none;
}

.underline {
  text-decoration: underline;
}

.border {
  top: 9%;
  position: absolute;
  border: 5px solid #69af94;
  width: 100%;
  height: 80%;
}

.contacts-img {
  width: 100%;
}

.contacts-desktop {
  display: block;
}
.contacts-mobile {
  display: none;
  padding: 20px;
}


@media screen and (max-width: 956px) {
  .contacts-img {
    width: 111%;
  }
  .border {
    height: 91%;
    top:3%;
  }
}

@media screen and (max-width: 480px) {
  .border {
    top: 3px;
    position: absolute;
    width: 92%;
    height: 95%;
  }
  .border {
    top: 32px;
    position: absolute;
    width: 92%;
    height: 88%;
  }

  .contacts-frame {
    text-align: center;
  }
  .contacts-left {
    text-align: center;
  }

  .contacts {
    margin-top: 68px;
  }
  .contacts-mobile {
      display: block;
    }
  .contacts-desktop {
    display: none;
  }
}