@media (min-width: 1101px) {
  html,
  body {
    overflow: hidden;
  }
/* SET CONTENT POSITION & SIZE */
  .title {
    position: absolute;
    z-index=10;
    bottom: 80.3%;
    left: 30.5%;
    max-height: 2.7%;
  }
  .hero-unit {
    overflow-y: scroll;
    position: absolute;
    top: 20%;
    left: 30%;
    margin: 0%;
    padding: 20px;
    width: 60%;
    height: 70%;
    min-height: 70%;
    max-height: 93%;
  }

/* SET NAVBAR TRANSPARENCY */
  .navbar {
    position: absolute;
    width: 100%;
    height: 7%;
    max-height: 7%;
  }
  .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,
  .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: rgba(102, 0, 0, 0);
    border-color: #660000;
    color: #ffffff;
  }
/* TRANSPARENCY */
  .navbar-inverse .navbar-inner,
  .dropdown-menu {
    background-color: rgba(102, 0, 0, 0.7);
  }
}