.social {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

[class*='social-']::before {
  content: '';
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-top: 0.375rem;
  margin-right: 0.5rem;
}

[class*='social-']:last-child::before {
  margin-right: 0.125rem;
}

[class*='social-']:hover::before {
  cursor: pointer;
}

@media screen and (min-width: 480px) {
  [class*='social-']:last-child::before {
    margin-right: 0.25rem;
  }
}

@media screen and (min-width: 768px) {
  [class*='social-']:last-child::before {
    margin-right: 0.5rem;
  }
}

@media screen and (min-width: 1024px) {
  [class*='social-']:last-child::before {
    margin-right: 1rem;
  }
}

.social-github::before {
  background: url(../../img/github.svg);
}

.social-twitter::before {
  background: url(../../img/twitter.svg);
}

.social-github-light::before {
  background: url(../../img/github-light.svg);
}

.social-twitter-light::before {
  background: url(../../img/twitter-light.svg);
}

.social-github-jga-light::before {
  background: url(../../img/github-jga-light.svg);
}

.social-twitter-jga-light::before {
  background: url(../../img/twitter-jga-light.svg);
}