.footer a {
    color: #9ca3af;
    text-decoration: none;
  }
  
.footer ul {
    list-style: none;
    padding:0;
  }
  
.footer {
    padding: 2rem;
    font-size: 15px;
    color: #9ca3af;
    background: #1d1e22;
}
  
.footer a:hover {
    color: #fff;
}

@media (min-width: 768px) {
    .footer {
      display: flex;
      justify-content: space-between;
    }
  
    .footer .md-flex {
      display: flex;
    }
  
    .footer .md-flex li + li {
      margin-left: 16px;
    }
}

@media (max-width: 768px) {
    .footer ul {
        padding:2rem 0;
      }
}