css type treatment

A CSS version of our Logo's type treatment. It is 2 words concatenated (we can skip the graphic element). The first word is title case. The second is uppercase but smaller, so that the height of the first word's lowercase is the same as the second word's uppercase, something like this: LessonWRITER The colors and letter spacing must match the logo. I will need to use it in different sizes in different places, so the sizes must be easy to edit.