Buttons colliding

Hello everyone.

I need help on my website. I used a custom css profile to have the buttons with the same width but then when i go in responsive mode the buttons are colliding and don't stack on each other. Here is my website link : https://rhino-bullfrog-fc8l.squarespace.com/le-conseil

Here is the css that i used to have them in the same size : 

sqs-block-button .sqs-block-button-element

{
    width: 350px;
}

Thank you for the help !

Now it's online sorry 

add to Home > Design > Custom CSS

/* Mobile */
@media screen and (max-width:640px) {
sqs-block-button .sqs-block-button-element
{
    width: 200px;
}
}

Thank you for your help but now my buttons are not the same size anymore. 

6 minutes ago, Ewalia78 said:

Thank you for your help but now my buttons are not the same size anymore. 

 

Have you removed your code?

Your code works on Tablet & Desktop

My code works on only Mobile

Yes i did but on mobile i didn't have any problem. My buttons did pile up when the website goes in mobile mod. My problem is in between the full screen mod and the mobile screen mod . From screen resolution 1400 x 900 to 650 x 850. You can see in the picture that the white buttons are on each other instead of stacking up. Thank you for the help btw.

I think the problem is the class col sqs-col-4 span-4.