Theme CSS overrides my CSS. How do I fix this? Trying to customize this theme called Emon, but any theme styles I write bootstrap.css/template.css takes precedence even if we use identical selectors. I don't want to edit bootstrap.css/theme.css obviously, or use !important all over the place.  

The theme offers a "Write your own CSS" section which has it at an inline-level, but it's not the easiest to maintain this way (though it's looking more attractive every minute).  I saw libraries-override/extend, but wasn't able to accomplish what I want like this.  

Again, I'm looking to tell Drupal to honor my stylesheet over the others without removing them.  What is the right way to accomplish this?
Copy html.tpl file from your core module and place it in your themes folder ,look at the head element of your template then copy the path(link) of your CSS file and place it (at the last)after the 
themes CSS into the head tag.