.page-contact .container {
  backdrop-filter: blur(1px);
}

.page-contact {
  background: linear-gradient(rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.86)),
    url("../images/contact-bg.svg") center/cover fixed no-repeat black;
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.contact-hero {
  margin-top: 12px;
}

.contact-grid a,
.page-contact a {
  color: gold;
  text-decoration: none;
}

.contact-grid a:hover,
.page-contact a:hover {
  color: #fff1a8;
}

@media (max-width: 768px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }
}