CSS Button formating on mobile

Hey there!

Double barreled question, would anyone be able to help me position my button under the text on mobile view? I would like the second picture to be in the same format as the third picture. also how do I get the text to centre like in the final photo, as for some reason my CSS only seems to want to affect the bottom text :O First photo is how it looks on desktop view

Any help would be really appreciated thanks so much!!

Hi. Can you share link to page in screenshot? We can check easier.

Hi there, cheers!

Website link is www.ecoairheatpumps.co.nz password "hi"

So im just looking for all text on mobile to be centered and that button to be lower thanks so much!

1 hour ago, Calumih said:

Hi there, cheers!

Website link is www.ecoairheatpumps.co.nz password "hi"

So im just looking for all text on mobile to be centered and that button to be lower thanks so much!

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-5ed47b85dc0c1978e67d4825 * {
    text-align: center !important;
}
div#page-section-5ed47b85dc0c1978e67d4825>.row {
    display: flex;
    flex-direction: column-reverse;
}
}