.footer {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 60px;
  justify-content: space-between;
  background: var(--white);
  padding-top: 120px;
  padding-bottom: 60px;
  color: var(--black);
}

.footer h3 {
  font-size: 18px;
  margin-bottom: 30px;
}

.footer__logo img {
  width: 150px;
  padding-bottom: 20px;
}

.footer__logo p {
  max-width: 350px;
  font-size: 12px;
  padding-bottom: 10px;
}

.footer a {
  text-decoration: none;
  color: var(--black);
}

.footer__main p,
.footer__services p {
  margin: 12px 0px;
}

.social__logos form {
  display: flex;
  flex-direction: column;
}

.social__logos input {
  padding: 10px 15px;
  margin-bottom: 20px;
  border: 1px solid var(--maincolor);
  outline: none;
}

input::placeholder {
  font-family: "Montserrat", sans-serif;
}

.logos {
  display: flex;
  gap: 15px;
  padding: 10px 0px;
}

.facebook img {
  width: 30px;
}

@media (max-width: 576px) {
  .footer {
    flex-direction: column;
  }
  .footer__logo p {
    max-width: 100%;
  }
}