.footer-basic .social {
  text-align: center;
  padding-bottom: 5px;
}

@media (min-width: 501px) {
  .footer-basic .social > a {
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    margin: 0 8px;
    color: inherit;
    opacity: 0.75;
  }
}

@media (max-width: 500px) {
  .footer-basic .social > a {
    font-size: 18px;
    /*width: 25px;*/
    /*height: 25px;*/
    line-height: 24px;
    display: inline-block;
    /*text-align: center;*/
    margin: 0 8px;
    color: inherit;
    opacity: 0.75;
  }
}

.footer-basic .social > a:hover {
  opacity: 0.9;
}

.footer-basic .copyright {
  text-align: center;
  font-size: 13px;
  color: #aaa;
  margin-bottom: 0;
}

.copyright {
  font-size: 12px;
}

.btn:hover, a:hover {
  color: gray;
}

.btn, a {
  text-decoration: none;
  color: white;
  font-size: 13px;
}

a {
  text-decoration: underline;
}