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;
}
}