@media screen and (max-width:1920px) and (min-height:1080px){
    footer .social-link i{
        font-size: 5rem;
        margin: 0 20px;
    }
}
@media screen and (min-width:1025px) and (max-width:1200px) {
    footer{
        height: 30vh;
    }
}
@media screen and (min-width:769px) and (max-width:1024px) {
    footer{
        width: 100%;
        height: 30vh;
    }
}
@media screen and (min-width:481px) and (max-width:768px){
    footer{
        width: 100%;
        height: 80vh;
    }
    footer .contain{
        display: flex;
        flex-direction: column;
    }
    footer .contain .organisateurs{
        width: 80%;
    }
    footer .contain .organisateurs img{
        width: 100px;
    }
    footer .contain .partenaires{
        width: 80%;
    }
}
@media screen and (min-width:320px) and (max-width:480px){
    footer{
        width: 100%;
        height: 80vh;
    }
    footer .contain{
        display: flex;
        flex-direction: column;
    }
    footer .contain .organisateurs{
        width: 80%;
    }
    footer .contain .organisateurs img{
        width: 100px;
    }
    footer .contain .partenaires{
        width: 80%;
    }
}


/*HEIGHT*/
@media screen and (min-width:1080px) and (max-height:1920px) and (orientation: portrait){
    footer .social-link i{
        font-size: 3rem;
        margin: 0 20px;
    }
}
@media screen and (max-width:1024px) and (max-height:768px) and (orientation: landscape){
    footer{
        width: 100%;
        height: 80vh;
    }
    footer .contain{
        display: flex;
        flex-direction: column;
    }
    footer .contain .organisateurs{
        width: 80%;
    }
    footer .contain .organisateurs img{
        width: 100px;
    }
    footer .contain .partenaires{
        width: 80%;
    }
}