I'm trying to make two squares before my headings. I know how to make a single square with the before class, but I dont know how to make two that isn't the same width.

What I'm going for is something that looks like this: 

[![What I'm going for](https://i.stack.imgur.com/F7dFl.jpg)](https://i.stack.imgur.com/F7dFl.jpg)