#social-links ul {
  padding: 0;
  margin: 0; }
  #social-links ul li {
    list-style: none;
    float: left;
    font-size: 40px;
    line-height: 40px;
    height: 40px;
    width: 40px; }
    @media (min-width: 768px) {
      #social-links ul li {
        font-size: 20px;
        line-height: 20px;
        height: 20px;
        width: 20px; } }
    @media (min-width: 1200px) {
      #social-links ul li {
        font-size: 30px;
        line-height: 30px;
        height: 30px;
        width: 30px; } }
    #social-links ul li a:hover {
      color: #c51a4a; }
    #social-links ul li a i {
      font-size: 40px;
      width: 1em; }
      @media (min-width: 768px) {
        #social-links ul li a i {
          font-size: 20px; } }
      @media (min-width: 1200px) {
        #social-links ul li a i {
          font-size: 30px; } }