.aip-logo {
	width: 300px;
	margin-bottom: 20px;
}

.navbar-default {
	background-color: #002144;
	border-radius: 0px;
	background: rgb(53, 40, 34);
}

main {
	padding-top: 15px;
        font-family: 'Roboto', sans-serif;
        padding-bottom: 40px;
}

footer .content {
	background-color: #715539;
}
footer .bottom {
	background-color: rgb(53, 40, 34);
}


/* adjust footer height */
footer .content {
/*	height: 430px;*/
}

@media (min-width: 992px) {
	body {
		margin-bottom: 400px !important;
	}
	footer .content {
		height: 330px;
	}
}


.banner {
	font-family: 'Merriweather', serif;
}

#header-navbar {
	z-index: 100;
}

#stellalogo {
	background-image: url('../img/stellalogo-text.png');
	background-size: auto 150px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 25px;
	height: 150px;
	width: 540px;
}

@media only screen and (max-width: 600px) {
	#stellalogo {
		background-image: url('../img/stellalogo-text-sm.png');
		background-size: auto 130px;
		background-position: top left;
		background-repeat: no-repeat;
		margin-top: 10px;
		height: 140px;
		width: 300px;
	}
}


body {
	font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color: #663300;
	font-family: 'Merriweather', serif;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
	position: fixed;
	top: 0;
	width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + main {
	padding-top: 85px;
}

#brand-img {
	background-image: url('../img/stellalogo-gray.png');
	background-size: auto 36px;
	background-position: top left;
	background-repeat: no-repeat;
	height: 36px;
	width: 70px;
	margin-top: -12px;
	display: none;
	float: left;
}

#brand-text {
	display: block;
	float: left;
	width: 70px;
}