Hey Toby,
The custom css is clearly for the headings.
@media (min-width: 768px)
@media (min-width: 980px) {
h3, .h3 {
font-size: 200%;
}
}
If you want this to only applies to the search page, then you should be using this instead:
@media (min-width: 768px)
@media (min-width: 980px) {
.search h3,
.search .h3 {
font-size: 200%;
}
}
To have a better understanding with the Responsive Typography in Pro, please check out this changelog:
https://theme.co/changelog/#theme-pro-1-1-0
And when you are not using Pro editor or Cornerstone in creating your content, most likely, the heading tags you add will follow the default font size which may not be as responsive as you expect. You may apply responsive text by utilizing the shortcode. To know more about responsive text and its shortcode, please check it from our knowledge base here:
https://community.theme.co/kb/shortcode-walkthrough-responsive-text/
http://demo.theme.co/integrity-1/shortcodes/responsive-text/
With your content, instead of adding this;
<h2>Comprehensive Documentation … You Shall Not Pass!</h2>
You can have something like this:
<h2 class="responsive-h2">Comprehensive Documentation … You Shall Not Pass!</h2>
[responsive_text selector=".responsive-h2" compression="1.5" min_size="36px" max_size="78px"]
Hope this helps.