.footer {
   width: 100%;
   height: auto;
   background: hsl(120, 100%, 14%);
   color: white;
}
.footer__container {
   display: grid;
   gap: 24px;
   padding-block: 24px;
}

.footer-address-group {
   font-style: unset;
}
.footer-logo-group {
   display: grid;
   justify-content: center;
}
.footer-logo-group img {
   width: 6rem;
   aspect-ratio: 1/1;
}

.footer__title {
   margin-bottom: 16px;
   font-size: 20px;
   line-height: 1;
   color: white;
}
.footer__content {
   color: hsl(0, 0%, 95%);
}
ul.footer__content {
   list-style-type: none;
   display: flex;
   flex-direction: column;
   gap: 12px;
}
ul.footer__content a {
   display: flex;
}
ul.footer__content .bi {
   display: inline-block;
   margin-right: 8px;
}

.footer__copyright {
   padding: 12px 0;
   text-align: center;
   border-top: 1px solid hsl(120, 30%, 31%);
   width: 100%;
}

@media screen and (width >= 768px) {
   .footer__container {
      grid-template-columns: repeat(2, auto);
      gap: 32px;
      padding-block: 32px;
   }
}

@media screen and (width >= 1024px) {
   .footer__container {
      display: flex;
   }
   .footer-about-group {
      max-width: 40%;
   }
}