You may consider doing the following:

    .none {
        display: none;
    }

This allows you to reuse the class for every element you want to display none (or do whatever action on) rather than defining a whole bunch of classes that all add the same stylings. I saw a few other classes that do exactly the same thing as this .brand class. Not only is it less code, but it also makes it very clear what is happening when you see the following element in html

    <p class="none">
    vs
    <p class="brand">