http://calda.coffeecup.com/testpage.html
The C is a background image on the header, the text and rule are HTML elements and will resize according to the CSS rules set for them. This was a quick example, so it's not perfect. (View source to see the CSS/HTML)
You would need to adjust sizes, margins and paddings, and breakpoints to work with your site.

https://www.callendales.com