header .banner-text h2, header .banner-text h3 {
    color: rgb(227, 227, 227);
    text-shadow: 0px 4px 8px #000000;
}
header .banner-text h2 {
    font-size: 32px;
}


/* Float images in content to the left with text wrap */
#post img,
#blog img,
#page-content img,
#page-contact img {
    float: left;
    margin: 4px 20px 15px 0;
    max-width: 250px;
    height: auto;
}

/* Clear floats after content sections */
#post .col-md-10:after,
#blog article:after,
#page-content .col-md-10:after,
#page-contact .col-md-10:after {
    content: "";
    display: table;
    clear: both;
}

/* Headings color - global */
h1, h2, h3, h4, h5, h6 {
    color: rgb(204, 204, 204);
}

/* Global headings and nav color */
nav a, #nav-wrap a, .nav a {
    color: rgb(204, 204, 204);
}

/* Heading size hierarchy in content pages */
#post h1, #blog h1, #page-content h1, #page-contact h1 { font-size: 36px; }
#post h2, #blog h2, #page-content h2, #page-contact h2 { font-size: 26px; }
#post h3, #blog h3, #page-content h3, #page-contact h3 { font-size: 20px; }
#post h4, #blog h4, #page-content h4, #page-contact h4 { font-size: 17px; }
#post h5, #blog h5, #page-content h5, #page-contact h5 { font-size: 15px; }
#post h6, #blog h6, #page-content h6, #page-contact h6 { font-size: 13px; }

/* Body font override - Source Code Pro */
body,
p, li, td, th, blockquote,
#post, #blog, #page-content, #page-contact {
    font-family: 'Source Code Pro', monospace;
}

/* Reduce font size by 10% only in content areas */
#post p, #post li, #post td, #post th, #post blockquote,
#blog p, #blog li, #blog article p,
#page-content p, #page-content li,
#page-contact p, #page-contact li {
    font-size: 14px;
    line-height: 1.7;
    color: #838C95;
}

/* List styles in content areas */
#post ul, #page-content ul, #page-contact ul {
    list-style: disc;
    padding-left: 1.5em;
}
#post ol, #page-content ol, #page-contact ol {
    list-style: decimal;
    padding-left: 1.5em;
}

/* Code blocks font size */
pre, code, pre code {
    font-size: 14px !important;
}

header#home {
    height: 400px;
    min-height: 250px;
    position: relative;
}

/* Nav background matching content sections */
#nav-wrap {
    background: #1a1a1a;
}