footer{
    padding: 20px 80px;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.footer-address{
    width:33%;
    display:flex;
    flex-direction: column;
    gap:10px;
    & p{
        font-family:'ProximaNovaRegular';
        font-size:0.9rem;
    }
    & a{
        font-family:'ProximaNovaSemiBold';
        font-size:0.9rem;
        color:var(--black);
    }
}

.address{
    display:flex;
    gap:5px;
}

.icon{
    width: 100%;
    max-width: 20px;
    object-fit: cover;
    height: 20px;
}

.footer-logo{
    width:33%;
    display:flex;
    justify-content: center;
    & img{
        width:100px;
    }
}

.footer-cta{
    display:flex;
    flex-direction: column;
    align-items: end;
    gap:20px;
    width:33%;
        & a{
        font-family:'ProximaNovaLight';
        font-size:0.9rem;
        color:var(--black);
    }
    & .copyright{
        font-family:'ProximaNovaSemiBold';
        font-size:0.9rem;
        color:var(--black);
    }
}

.mentions-legales{
    display:flex;
    flex-direction: column;
    align-items: end;
}

@media screen and (max-width:1280px){
.footer-cta {
    & button{
        padding: 10px 20px;
    }
  & a, .copyright {
    text-align: right;
    font-size: 0.8rem;
  }
}

.footer-address {
  & p {
    font-size: 0.8rem;
  }
}

}

@media screen and (max-width:768px){
    footer{
        padding: 20px 50px;
        gap:20px;
        flex-direction: column;
    }

    .footer-address, .footer-cta, .footer-logo{
        width:100%;
    }

    .footer-cta{
        align-items: start;
        & a{
            text-align: left;
        }
        & .mentions-legales{
            align-items: start;
        }
    }

    .footer-logo{
        justify-content: start;
        & img{
            max-width:80px;
        }
    }
}

@media screen and (max-width:480px){
    footer{
        padding: 20px 30px;
        flex-direction: column;
    }

    .footer-address, .footer-cta, .footer-logo{
        width:100%;
    }
}