Different Text alignment on mobile device and desktop

Hi! I have one little problem on the Shopify page:

https://parfumerija-amour.myshopify.com/ (pass: flohld)

I would like to change different Text alignmentt on mobile device and desktop. I want a text on mobile device on the top - center. I would like the buttons on the mobile device to be next to each other and not under each other.

But I have another problem - I would like to remove this gray from the text. How can I do this?

Greetings, Tomas

@tomm1p ,

Add this code at the bottom of your theme.css file.

.hero__text-shadow:after {
    background: none !important;
}
@media only screen and (max-width: 768px){
.horizontal-right .hero__text-shadow {
    max-width: 100% !important;
}
}

Please do let me know if it works, if need my help adding it you can send me a personal message.
Good Luck!

Thank You for your help. I can not find theme.css, i have just theme.css.liquid. Is this the same?

Thank You!

@tomm1p ,

Yes, it is the same as theme.css

It doesn’t work yet. Did I do something wrong?