#footerWrapper {
    position:relative;
    overflow:hidden;
}
#footer {
    margin: 3rem var(--space-out);
    padding: 5rem calc(var(--space-out) * 1.5) 0;
}
#footer .logo {
    display:block;
    width:450px;
    max-width: 50%;
    margin-bottom: 5rem;
}
.footerBottom {
    display:flex;
    padding:2rem 0;
    border-top: 1px solid;
}
.footerBottom p {
    width:50%;
}
.footerEsperluette {
    fill: #466764;
    position:absolute;
    width:55%;
    bottom:.5rem;
    right:-20%;
    filter: drop-shadow(0 0 1.5rem rgba(0,0,0,.3));
}

@media screen and (max-width: 1200px) {
    #footer {padding: 4rem var(--space-out) 0;}
    #footer .logo {margin-bottom: 3rem;}
}
@media screen and (max-width: 760px) {
    #footer {padding: 4rem var(--space-out) 0;}
    .footerBottom {display:block;padding: 1rem 0}
    .footerBottom > * {margin: .5rem 0;}
    
    .footerEsperluette {
        width: 91%;
        right: -46%;
    }
}