Making Text scale when on mobile

Im trying to make the text that says “Opportunity” scale when on mobile
Is there a way to make the text smaller or make it scale when the browser is smaller?


Hey there

I hope you are well today.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.
Admin Area -> Appearance -> Customize -> Additional CSS

/*reduce text size on mobile*/
@media (max-width: 550px){
  #header .bottom-header h1 {
  line-height: 44px;

Best Regards,

Hello Thanks for responding!
Ive added that to the CSS and I’m still having the same problem

here is the selector for the text

#header > div.bottom-header.front-page > div > div > div.col-sm-12 > h2