Objects on the page are not organized

Hello! I’m developing a site for my client and I’m trying to leave the site closer to the old site (http://www.anjinhosdobrasil.com.br). The problem is that the new site, I can not keep the buttons in place. When I view the site for tablet, smartphone, the buttons look very different. I put the measure in percentage, but they do not decrease to maintain a proportion within the visual field. Could someone help me and tell me what I’m doing wrong?
Thank you

Here is my site Read-Only: LINK
(how to share your site Read-Only link)


As a start you may want to undo some of the changes you have made since you made the post. Here is what I am currently seeing when I click your preview link:

Through some digging I managed to get close to what you had originally but I am still not sure how you had it setup before:

Hi, thank you for your help. The idea is to stay like my picture im Desktop, Tablet, Smartphone. But doesn’t show correctly.