@media (max-width: 1100px) {

/* SET STATIC BACKGROUND IMAGE */
  html,
  body {
    background-color: #660000;
  }

/* HIDE BACKGROUND CAROUSEL */
  .cb-slideshow { 
    position: fixed;
    width: 0px;
    height: 0px;
    overflow: hidden;
    top: 0px;
    left: 0px;
    list-style: none;
    padding: 0; 
    margin: 0;
  }

  .hero-unit {
    margin: 0%;
    padding: 10px;
  }
  .brand {
    max-width: 80%;
  }
  a.btn.btn-navbar,
  a.btn.btn-navbar:hover {
    padding: 10px;
  }

/* SET NAVBAR COLOR */
  .navbar-inverse .navbar-inner,
  .container,
  .navbar-inverse .nav > li > a,
  .navbar-inverse .nav > li > a:after,
  .dropdown-toggle,
  .dropdown-toggle:after,
  .dropdown-menu,
  .dropdown-menu > li > a,
  .dropdown-menu > li > a:hover,
  .navbar-inverse .nav li.dropdown.open>.dropdown-toggle,
  .nav-header,
  .navbar-inverse .btn-navbar,
  .navbar-inverse .btn-navbar:hover,
  .navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a,
  .navbar-inverse .nav-collapse .nav>li>a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .nav .nav-header,
  .nav-collapse.in.collapse,
  .navbar-inverse .nav-collapse .nav>li>a:hover, 
  .navbar-inverse .nav-collapse .nav>li>a:focus, 
  .navbar-inverse .nav-collapse .dropdown-menu a:hover, 
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #660000;
    border-color: #660000;
    color: #ffffff;
    padding: 0%;
    margin: 0%;
  }
}