How to align text in responsive?

Question

People are making the site politicadascidades.com.br and when I change to the responsive design I come across this

This is the welcome screen in desktop version, the text is with align="center" and everything ok as requested. However in the responsive version the text was very weird and the image "Welcome" decreased as in the image below this.

In the responsive version the text lost quality as you can see, someone could explain me the reason?

I don’t know if the F12 can but the site is politicadascidades.com.br

Answer 1

Alter the margin in his @media screen and (max-width: 768px) for a lower value.

@media screen and (max-width: 768px)
/* style.css:376 */

.bemvindo {
    margin: 10px 10px;
    flex-direction: row;
    flex-wrap: wrap;
}

Discovered like this:

Stay like this: