/* olive drab bg color for body */
body {
	background-color: rgb(136, 140, 130);
}

.hideText {
	color: rgb(136, 140, 130);
}

/* mustard-yellow bg color for jumbotron */
#page_jumbotron {
	/* background-color: rgb(229, 229, 217); */
	background-color: rgb(238, 238, 214);
	background-image: url("/images/header_bg.jpg");
	background-repeat: no-repeat;
	background-position: right center;
}

/* remove jumbotron background image for smaller screens */
@media (max-width: 1200px) {
    #page_jumbotron {
        background-image: none;
    }
}

/* smaller jumbotron */
.jumbotron {
    padding: 0.5em 0.6em;
    h1 {
        font-size: 2em;
    }
    p {
        font-size: 1.2em;
        .btn {
            padding: 0.5em;
        }
    }
}

/* mustard-yellow bg color for main content */
#page_main {
	background-color: rgb(238, 238, 214);
}

/* maroon and bold font modifier */
.redHeadline {
	color: maroon;
	font-weight: bold;
}

/* stylize h1 title maroon
 * thicker font */
#h1_title {
	color: maroon;
	font-family: Impact, Charcoal, sans-serif;
}

/* move h2 closer to h3 below it by reducing margin
 * taller narrower font */
#h2_title {
	font-family: ‘Lucida Console’, Monaco, monospace;
}

/* move h3 close to h2 above it by reducing margin
 * change colour to gray
 * taller narrower font */
#h3_title {
	margin-top: 0;
	color: gray;
	font-family: ‘Lucida Console’, Monaco, monospace;
}