/**********************/
/* FOOTER */
/**********************/

.footer {
  background-color: #090203;

  padding: 12.8rem;
}

.grid--footer {
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1.5fr;

  gap: 2.4rem;
}

.logo-col {
  display: flex;
  flex-direction: column;
}

.footer-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 3.2rem;
  text-decoration: none;
}

.footer-logo img {
  width: 60%;
  height: auto;
}

.footer-logo--text {
  display: block;
  text-align: center;
}

.footer-logo--title,
.footer-logo--name,
.footer-logo--text {
  color: #fff;
}

.footer-logo--title {
  font-size: 2rem;
  font-weight: 600;
  grid-column: span 1;
}

.footer-logo--name {
  font-size: 1.4rem;
  grid-column: 1;
  grid-row: span 1;
}

.social-links {
  list-style: none;
  display: flex;
  gap: 2.4rem;
  justify-content: center;
}

.social-icon {
  height: 2.4rem;
  width: 2.4rem;
  color: #fff;
  transition: all 0.3s ease;
}

.social-icon:hover {
  color: #9e9460;
}

.copyright {
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.6;
  margin-top: 3.2rem;
  text-align: center;
}

.footer-heading {
  color: #fff;
  font-weight: 500;
  margin-bottom: 3.2rem;
  letter-spacing: 0.4rem;
}

.footer-nav {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

.footer-link:link,
.footer-link:visited {
  text-decoration: none;
  font-size: 1.4rem;
  letter-spacing: 0.75px;
  color: #fff;
  transition: all 0.3s;
}

.footer-link:hover {
  color: #9e9460;
}