body { background-color:#e9e9e9; }
#body-wrap {
	max-width:1440px;
	margin:0 auto;
	box-shadow:0 0 10px rgba(0,0,0,.05);
}

#body-wrap #navigation.navbar, #body-wrap #navigation .navbar.affix {
	right:auto;
	left:auto;
	width:100%;
	max-width:1440px;
}

#body-wrap #blog, #body-wrap #content { background-color:#FFF; }

@media (max-width: 1199px) {

	#body-wrap, #body-wrap #navigation.navbar, #body-wrap #navigation .navbar.affix { max-width:1060px; }

}

@media (max-width: 991px) {

	#body-wrap, #body-wrap #navigation.navbar, #body-wrap #navigation .navbar.affix { max-width:850px; }

}

@media (max-width: 767px) {

	#body-wrap #navigation.navbar, #body-wrap #navigation .navbar.affix {
		right:0;
		left:0;
		width:auto;
		max-width:none;
	}
	body.nav-mobile-open #body-wrap #navigation.navbar, body.nav-mobile-open #body-wrap #navigation .navbar.affix {
		right:50%;
		left:-50%;
	}

}

@media (max-width: 640px) {

	body.nav-mobile-open #body-wrap #navigation.navbar, body.nav-mobile-open #body-wrap #navigation .navbar.affix {
		right:60%;
		left:-60%;
	}

}

@media (max-width: 480px) {

	body.nav-mobile-open #body-wrap #navigation.navbar, body.nav-mobile-open #body-wrap #navigation .navbar.affix {
		right:70%;
		left:-70%;
	}

}

@media (max-width: 400px) {

	body.nav-mobile-open #body-wrap #navigation.navbar, body.nav-mobile-open #body-wrap #navigation .navbar.affix {
		right:80%;
		left:-80%;
	}

}