Hi,
You can use Google chrome or Firefox inspect element. What I usually do is set Compress CSS in Template manager to No, then hover on any HTML element (i.e. button, tag, text, …) you want and right click on it and then click on inspect element, it will show you which CSS class it is using and which CSS file and the path to this element on the right side.
Then you can create a new file called custom.css file in directory: root/templates/ja_lawfirm/css/. This is a special file which helps to keep all your CSS customization even when you update T3 framework or template.You can check out this documentation for more info: http://t3-framework.org/documentation/bs3-customization#custom-css%5B/url]
And put your custom CSS code into this ‘custom.css’ file.
Regards