.footer {
  position: relative;
  padding-top: 5em;
  padding-bottom: 3em;
  z-index: 3;
  background-color: #6c4131;
}

.footer .row div {
    z-index: 2;
  text-align: center;
  color: #d8b66e;
}

.footer .row div a {
  z-index: 2;
  user-select: none;
  text-decoration: none;
}

.footer #footer-social a {
  user-select: none;
  text-decoration: none;
}

.social-icon {
  width: 1.4em;
  margin-bottom: 1em;
  margin-left: 1em;
  margin-right: 1em;
  display: inline-block;
  transition: 0.2s ease-in-out;
}

.social-icon:hover {
  filter: brightness(1.4);
}

#footer-legal div div a {
  font-size: 1vw;
  user-select: none;
  text-decoration: none;
  color: #d8b66e;
  transition: 0.2s ease-in-out;
}

#footer-legal div div a:hover {
  color: #dac597;
}

#year-copyright {
  opacity: 0.3;
}

/* mobile */
@media only screen and (max-width: 767.9px) {
  .footer {
      padding-top: 1em;
      padding-bottom: 2em;
  }

  #footer-legal {
    margin-bottom: 2em;
  }

  #footer-social {
      padding-bottom: 1.5em;
  }

  #year-copyright {
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 3vw;
  }

  .footer #footer-legal div div a {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 4vw;
  }
}