footer.site-footer {
  background-color: rgba(47, 47, 47, 1);
  border-radius: 20px 20px 0 0;
  padding: 15px;
  color: #fff;
  margin-top: 90px;
}

@media (max-width: 600px) {
	footer.site-footer {
	  margin-top: 40px;
	}
}

.footer-wrap {
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  flex-direction: column; /* В столбик до 900px */
  gap: 60px;              /* Расстояние между блоками в столбике */
}

/* Селектор для всех прямых дочерних блоков (колонок) */
.footer-wrap > div {
  width: 100%; /* На мобильных занимают всю ширину */
}

.footer-wrap a {
  color: #fff;
  text-decoration: none;
}

.footer-wrap a:hover {
  text-decoration: underline;
}

@media (min-width: 1020px) {
  footer.site-footer {
    border-radius: 30px 30px 0 0;
    padding: 30px;
  }

  .footer-wrap {
    flex-direction: row;      /* В строку от 900px */
    justify-content: space-between; /* Распределяем по всей ширине */
    gap: 30px;
  }

  /* Делаем все колонки равными по ширине */
  .footer-wrap > div {
    flex: 1 1 0; /* Равномерно распределяет доступное место */
    min-width: 0; /* Предотвращает переполнение контентом */
  }
}

@media (min-width: 1900px) {
  .footer-wrap {
    gap: 60px;
  }
}

.footer-links a,
.footer-contact-content p {
	font-weight: 400;
	font-size: 16px;
	line-height: 2.5em;
	letter-spacing: 0;	
}

.footer-links a {
	text-transform: uppercase;
	/*margin-bottom: 30px;*/
	display: block;
}

.footer-links .field__item:first-child a {
	font-weight: 700;
}

.footer-contact-content p {
	margin-top: 0;
}

.copyright {
	margin-top: 2em;
}