Change size of Index Gallery text on mobile

Hey There!

I'm looking to make the index gallery text large on desktop but smaller on mobile.
when I focus on making it fit on mobile properly...it's way too small on desktop. 

Is there a code to lower the text font size on mobile for index gallery images?

Thanks!

site: www.wespeak.bm
Template: brine
page: www.wespeak.bm/community-support

Add to Page Settings > Advanced > Header

<style>
  @media screen and (max-width:640px) {
  .Index-gallery-item-content-body * {
    font-size: 10px;
}
  }
</style>

@tuanphan THANK YOU! 

seems to be working great 🙂

On 3/22/2020 at 7:08 PM, tuanphan said:

Add to Page Settings > Advanced > Header

<style>
  @media screen and (max-width:640px) {
  .Index-gallery-item-content-body * {
    font-size: 10px;
}
  }
</style>

 

Hey @tuanphan!

Would you know by chance how to manipulate the size of the container of the gallery summary block on desktop only?
I know we can change the size in the design settings which is great...but I'd like for it to be a certain size (height) on desktop and another size on mobile.
Do you think this is possible to tighten up the height on desktop only? 
I've included a snap shot of how high I needed to go on desktop to make it fit on mobile...
THANK YOU!