footer {
  background: #000000;
}
footer .content {
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
  padding: 2em 2.75em;
}

footer .content .logos {
  text-align: center;
}

footer .content .logos img {
  width: 50%;
}

/* section <a /> */
footer section a {
  display: flex;
  font-weight: 300;
  font-size: 12px;
  line-height: 180%;
  color: #ffffff;
}

/* Social networks section */
.social .social-item {
  display: flex;
  letter-spacing: 0.115em;
}

.social .social-item a {
  align-items: center;
}

.social .social-item img {
  height: 16px;
  width: 16px;
  margin-right: 0.5em;
}
.social .social-item a span {
  font-weight: 300;
  font-size: 12px;
  line-height: 209.5%;
  letter-spacing: 0.115em;
  text-decoration-line: underline;
  text-transform: lowercase;
}

/* Options section */
.options {
  margin-right: auto;
}

.options a {
  letter-spacing: 0.115em;
  text-decoration-line: underline;
}

/* Contact section */
.contact {
  margin-right: 4em;
}

.contact a {
  letter-spacing: 0.05em;
  text-decoration-line: none;
}

@media (min-width: 320px) and (max-width: 480px) {
  footer .content {
    flex-direction: column;
  }

  footer .content .options,
  footer .content .contact {
    margin-bottom: 1em;
  }

  footer .content .logos img {
    width: 100%;
  }
}