/* icons should be larger than regular text */
span.font-awesome {
    font-size: 1.5em;
    vertical-align: middle;
}

/* icons should have a gap after them, except when they appear in a heading because it's not necessary at the larger size */
span.font-awesome {
    margin-right: 0.2em;
}
h1 span.font-awesome,
h2 span.font-awesome,
h3 span.font-awesome,
h4 span.font-awesome,
h5 span.font-awesome,
h6 span.font-awesome {
    margin-right: 0em;
}

/* icons representing brand logos should always be a fixed color, and displayed larger */
p.brand-icons a {
    font-size: 1.5em;
}
span.fa-square-rss {
    color: #f26522;
}
span.fa-youtube {
    color: #f03;
}