Smaller font size for single section between 1024 - 768px

I'm trying to make under "Sector Challenges" the body text, Supply Chain, Inflation, Decarbonization, smaller between the screen sizes of 1024px - 768px

The word Decarbonization breaks between those screen sizes, so I would like to fix that.

This is what I've tried

@media only screen and (max-width: 1024px) and (min-width: 768px) {
   section[data-section-id="6669ea64948c85390d74c4b3"], .your-section-class {
        font-size: 14px;
    }
}

Thanks!

10 hours ago, Craigers said:

I'm trying to make under "Sector Challenges" the body text, Supply Chain, Inflation, Decarbonization, smaller between the screen sizes of 1024px - 768px

The word Decarbonization breaks between those screen sizes, so I would like to fix that.

This is what I've tried

@media only screen and (max-width: 1024px) and (min-width: 768px) {
   section[data-section-id="6669ea64948c85390d74c4b3"], .your-section-class {
        font-size: 14px;
    }
}

Thanks!

Can you share your website URL? It will be easier to check.

11 hours ago, Web_Solutions said:

Can you share your website URL? It will be easier to check.

Ahh, forgot to include that.

Railhaul.ca/home-1

9 hours ago, Web_Solutions said:

Replace your code with the code below 

@media only screen and (max-width: 1024px) and (min-width:768px) {
  section[data-section-id="6669ea64948c85390d74c4b3"] .list-item-content__title {
    font-size: 14px !important;
  }
}

 

Amazing, thank you!