Different Text alignment on mobile device and desktop

[tomm1p]

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

[GM-Mart]

@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!

[tomm1p]

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

Thank You!

[GM-Mart]

@tomm1p,

Yes, it is the same as theme.css 

[tomm1p]

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