.footer { width: 100%; margin: auto; padding: 40px; } .footer ul { list-style: none; padding: 0px; margin: 0px; } .footer > div { width: 100%; padding: 20px; display: flex; justify-content: center; flex-wrap: wrap; } .footer > .text { max-width: 520px; margin: 0 auto; } .iconlist { display: flex; justify-content: center; flex-wrap: wrap; } .iconlist .icon { height: 22px; width: 22px; margin: 0px 12px; } .title { margin-bottom: 10px; } img { min-width: 150px; max-height: 60px; } .footer > .blocks > div { padding: 20px; } .footer .blocks .item { width: 25%; } .item .button:is([href=""]) { display: none; } .item .button { display: inline-block; padding: 8px 14px; margin: 15px 0px; } .footer:is( [max-width~="1024px"] ) .blocks .item { width: 50%; max-width: 50%; } .footer:is( [max-width~="480px"] ) .blocks .item { width: 100%; max-width: 100%; text-align: center; }