.footer {
  width: 100%;
  height: auto;
  background-image: linear-gradient(rgba(106, 82, 65, 0.627), rgba(106, 82, 65, 0.6)), url(../img/noroot.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.footer__box {
  display: flex;
  justify-content: space-around;
}

.footer__box-title {
  width: 30%;
  color: white;
  text-align: center;
}
.footer__box-title h2 {
  font-size: clamp(1.125rem, 0.563rem + 3vw, 2.813rem);
  font-weight: 150;
  font-style: italic;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 100px;
  color: white;
  text-shadow: 1px 1px 1px #000;
}
.footer__box-title p {
  margin-bottom: 20px;
  font-weight: 200;
  font-size: 18px;
  line-height: 25px;
  color: white;
  text-shadow: 1px 1px 1px #000;
}

.footer__socials-footer {
  display: flex;
  width: 100%;
  padding: 40px 10px 0px 10px;
  justify-content: space-between;
}

.footer__box-form {
  border-top: 2px solid whitesmoke;
  border-bottom: 2px solid whitesmoke;
  padding: 10px 10px 20px 10px;
  width: 30%;
  border-radius: 50px 0px 50px 0px;
}
.footer__box-form h3 {
  font-size: clamp(1.125rem, 1rem + 0.67vw, 1.5rem);
  font-weight: 150;
  font-style: italic;
  line-height: 30px;
  text-align: center;
  margin-bottom: 20px;
  color: white;
  text-shadow: 1px 1px 1px #000;
}

.contacts-form {
  display: grid;
  gap: 30px;
}

.contacts-label {
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: white;
  text-shadow: 1px 1px 1px #000;
}

.contacts-input {
  display: block;
  width: 100%;
  padding: 5px 0 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background: transparent;
  color: rgba(255, 255, 255, 0.7882352941);
}

.textarea {
  display: block;
  background: transparent;
  padding: 5px 0 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  resize: vertical;
  outline: none;
  color: rgba(255, 255, 255, 0.7882352941);
  line-height: 1.5;
  width: 100%;
  height: 157px;
}

.button {
  width: 80%;
  padding: 10px;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  background-color: #337179;
  color: whitesmoke;
  border-top: 2px solid whitesmoke;
  border-bottom: 2px solid whitesmoke;
  border-radius: 30px 0px 30px 0px;
}
.button:hover {
  transform: scale(0.9);
  background-color: whitesmoke;
  color: #695240;
  border-top: 2px solid whitesmoke;
  border-bottom: 2px solid whitesmoke;
}

@media (max-width: 700px) {
  .footer {
    background-image: linear-gradient(rgba(106, 82, 65, 0.627), rgba(106, 82, 65, 0.6)), url(../img/noroot22.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
  }
  .footer__box {
    display: block;
    margin: 0 auto;
  }
  .footer__box-title {
    margin: 0 auto;
    width: 80%;
  }
  .footer__box-title h2 {
    margin-top: 30px;
  }
  .footer__box-form {
    margin: 0 auto;
    width: 80%;
  }
}/*# sourceMappingURL=footer.css.map */