.date-contact {
  text-decoration: none;
  width: 100%;
  display: block;
}

.date-contact img {
  width: 2vw;
  margin-right: 5%;
  margin-bottom: 5%;
  vertical-align: middle;
}

.contact-form {
  padding: 0% 10% 5%;
}

.contact-form .btn {
  float: right;
}

.contact {
  padding-bottom: 5%;
}

.error {
  color: red;
}

.harta {
  border: 0;
  min-height: 25vw;
  width: 100%;
}

.arataharta {
  cursor: pointer;
}

.linkarataharta {
  display: block;
  width: 100%;
  min-height: 25vw;
}

.linkarataharta:hover:after {
  content: "Apasa pentru a vedea harta interactiva!";
}

@media only screen and (max-width: 768px) {
  .date-contact img {
    width: 7vw;
  }

  .contact {
    padding-bottom: 25%;
  }
}