/*Left this rule for academic purposes; @media queries will override this setting due to CSS' laws of specificity */
.navbar, .navbar-logo{
	min-height: 173px;
}

/* small viewport – header width 750px */
@media (min-width: 768px) and (max-width: 991px) {
	.navbar{
		background-image: url(banner_780width.jpg);
	}
	.navbar-logo{
		background-image: none;
		}
	.navbar, .navbar-logo{
		min-height: 1154px;
	}
}
/* medium viewport – header width 970px */
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar{
		background-image: url(banner_960width.jpg);
	}
	.navbar-logo{
		background-image: none;
	}
	.navbar, .navbar-logo{
		min-height: 142px;
	}
}

/* large viewport – header width 1170px */
@media (min-width: 1200px) {
	.navbar{
		background-image: url(banner_1170width.jpg);
	}
	.navbar-logo{
		background-image: none;
	}
	.navbar, .navbar-logo{
		min-height: 173px;
	}
}