footer{
  background-color:var(--noir);
  display:flex;
  justify-content: center;
  position:relative;
}

.footer{
  width:80%;
  display:flex;
  margin: 70px 0;
  gap: 100px;
  & h4, a{
    color:white;
  }
}

.footer__logo{
  & img{
    height: 130px;
    margin: 30px 0;
  }
}

.footer__menu{
  & ul{
    list-style:none;
  }
  & a{
    text-decoration:none;
  }
  & li{
    padding:5px 0;
    font-size:13px;
  }
}

.footer__socials{
  & h4{
    font-family:'PoppinsBold';
    font-size:13px;
    margin:10px 0;
  }
  & a{
    font-family:'PoppinsMedium';
    text-decoration:none;
    font-size:13px;
  }
  .copyright{
        padding:20px 0;
  }

}

.socials__icons{
  display:flex;
  gap: 10px;
  & img{
    width:30px;
  }
}

.footer__soleil{
  position: absolute;
  width: 300px;
  bottom: 0;
  right: 10%;
}

@media screen and (max-width:1024px){
  .footer{
    position:relative;
    z-index:1;
    gap:50px;
  }
  .footer__logo img{
    height:100px;
  }
}

@media screen and (max-width:768px){
  .footer{
    margin: 50px;
    gap: 30px;
    flex-direction: column;
  }
  .footer__logo img{
    margin:0;
  }
}

@media screen and (max-width:480px){
  .footer{
    margin: 30px;
    gap: 20px;
    & a{
      font-size:11px;
    }
  }
  .footer__logo img{
    height:80px;
  }
  .footer__menu li{
    font-size:11px;
  }
  .footer__soleil{
    width:200px;
  }
}