Left aligned for MOBILE only

Hi all, I'm trying to make certain copy left-aligned at mobile view only. 

For H1 and the body copy, I was able to centralise the text at mobile view only with this code:
@media only screen and (max-width: 767px) {
#block-f22443780cf18b9062ca, #block-4d3b778cea06e11e17de { 
    text-align: center; 
  }}


However, I was unable to left-aligned the following text with the following code:
@media only screen and (max-width: 767px) {
#block-yui_3_17_2_1_1691026635683_53233, #block-26a7ccb790a5dd3219be { 
    text-align: left; 
  }}

Help.

I'm not sure of the text class without having access to the site, however try this:

@media only screen and (max-width: 767px) {
#block-yui_3_17_2_1_1691026635683_53233, #block-26a7ccb790a5dd3219be { 
   h1,h2,h3,h4, p
{ text-align: left !important; }
}
}

Apologies, I'm trying to make this section left aligned on mobile too but it is not working:
@media only screen and (max-width: 767px) {
#block-be8089d82254a8f6ec6e, #block-5f374c4f3fa916b478bd { 
   h1,h2,h3,h4,p,p1,p2
{ text-align: left !important; }
}
}

If you share link to page, we can help easier