html { 
}

body { padding-top:50px; background:transparent;}

.navbar-fixed-top {background-color: #564334;}
.navbar-fixed-top.navbar-inverse .navbar-nav>li>a { color: white; }

/* CENTERED NAV BAR - to un-center, remove 'navbar-centered' classname */
.navbar-fixed-top.navbar-centered .navbar-nav { float:none; margin:0 auto; text-align: center; }
.navbar-fixed-top.navbar-centered .navbar-nav>li { float:none; display:inline-block; }

.splash-image { 
  	min-height: 400px; 
  	background-color: black;
  	background-repeat: no-repeat; 
	background-image: url('images/280.JPG'); /* This is your background image */
	background-position: center -430px; /* Position the image to the top center of the div */  
  	-webkit-background-size: 100%;
  	-moz-background-size: 100%;
  	-o-background-size: 100%;
  	background-size: 100%;

}
.splash-image { color: white; }
.splash-image h1 { color: white; font-size: 60px; padding-top:20px; }

.no-margin-top { margin-top:0;}

@media (max-width: 1250px) {
    .splash-image {
        background-position: center -300px; /* Position the image to the top center of the div */  
    }
}

/* For any viewports less than 1000px wide */
@media (max-width: 1000px) {

    .splash-image {
        background-size: 1000px 600px; /* Force the image to its minimum width */
        background-position: center -200px; /* Position the image to the top center of the div */  
    }

}

@media (max-width: 500px) {

    .about-us-page .media-left img {
        width: 80px;
    }

}