Newsletter header description font size change (for desktop & mobile view)

Hello,

I'm looking to change the newsletter text beneath the header font. I already changed the header using this code:.newsletter-block .newsletter-form-header-title { font-size: 38px; font-weight: bold;}

And now I want to change the text under the header.

The Newsletter header also appears very small in mobile - cannot find any solution to it - any code to adjust that would be so helpful!!!

Also: I am noticing that the input form boxes are not 100% aligned with the Submit box - just a tiny difference but I can see it! Is it fixable? I am using Avenue template by the way.

Thank you!

@myrto Please share site url to check code!

Hello @tuanphan, the URL is: www.onebreath.eu!

@myrto Text below Join our community

For Mobile

@media screen and (max-width:640px) {
.newsletter-form-header-description p {
   font-size: 30px !important;
}
}

For Desktop & Tablet

@media screen and (min-width:641px) {
.newsletter-form-header-description p {
   font-size: 50px !important;
}
}

align button, add this CSS

.newsletter-form-button {
   padding-bottom: 0.8em !important;
}

Thank you so much @tuanphan !!!

For the alignment I added padding on the top and after a few tweaks I got it right.