@media screen and (min-width: 1024px) {
    footer{
        padding: var(--page-side-padding);
    }
}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 720px) {
    
}

@media screen and (max-width: 540px) {
    
}

@media screen and (max-width: 480px) {
    
}

@media screen and (max-width: 400px) {
    
}

@media screen and (max-width: 360px) {
    
}