@media(max-width: 950px){
    footer{
        transform: translateY(100px);
    }
}

@media(max-width: 900px){
    footer{
        transform: translateY(200px);
    }
}

@media(max-width: 850px){
    footer{
        transform: translateY(250px);
    }
}

@media(max-width: 820px){
    footer{
        transform: translateY(300px);
    }
}