.copyright{
    display: flex;
    align-items: center;
    gap: 8px;
}
.copyright__container{
    display: flex;
    align-items: center;
    }
@media only screen and (min-width: 768px){
   .body-footer-bottom{
      -ms-grid-columns: auto auto auto;
      grid-template-columns: auto auto auto;
      grid-gap: .5em;
      margin-top: 1em;
  }
}
@media only screen and (min-width: 1024px){
  .body-footer-bottom{
      -ms-grid-columns: 130px auto auto auto auto auto;
    grid-template-columns: 130px auto auto auto auto auto;
    grid-gap: 1em;
  }
}

@media only screen and (max-width: 768px){
    .footer-nav{
        flex-direction: column;
        text-align: center;
    }
}