/* ===== FOOTER ===== */
.footer{
    background-color: var(--second-color);
    color: #fff;
    text-align: center;
    font-weight: var(--font-semi);
    padding: 2rem 0;
  }
  .footer__container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .footer__img{
   width: 70px;
  }
  .footer__link{
    a{
      color: #fff;
      display: block;
      margin: 10px;
    }
  }
  .footer__lista{
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 20px;
    li{
      margin-bottom: 10px;
    }
  }
  .footer__title{
    font-size: 2rem;
    margin-bottom: var(--mb-4);
  }
  .footer__social{
    margin-bottom: var(--mb-4);
  }
  .footer__icon{
    font-size: 1.5rem;
    color: #fff;
    margin: 0 var(--mb-2)
  }

@media screen and (min-width: 768px){

/* ======= footer ============= */
  .footer__container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "head head head"
                         "copy copy copy";
   }
  .footer__img{
    margin: auto;
   }
  .footer_copy{
    grid-area: copy;
  }

}