footer{
  background-color: #f6f6f6
}

footer > * i.bi {
    color: var(--main-color-dark);
}

footer > * a {
    color: #767f86;
}

.footer-item{
    margin-bottom: 0.5rem;
}

.copyright {
    background-color: #8d8d8d;
}

.copyright > p {
    color: #efefef;
}

@media screen and (max-width: 767px) {
        .copyright {
        text-align: center;
    }
    .footer-item {
        margin-top: 0.5rem;
        flex-direction: column;
    }
      .footer-item>*{
          width: 100%;
          text-align: center;
      }

      .footer-img{
          margin-bottom: 2rem;
      }
}