@media all and (min-width: 950px) {
  .container {
    width: 900px;
  }
  .navbar {
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%,  rgba(0,0,0,0) calc(50% + 450px), #82a181 calc(50% + 450px), #82a181 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,  rgba(0,0,0,0) calc(50% + 450px), #82a181 calc(50% + 450px), #82a181 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,  rgba(0,0,0,0) calc(50% + 450px), #82a181 calc(50% + 450px), #82a181 100%);
  }
}

@media all and (max-width: 950px) {
  .container {
    width: 750px;
  }
  .navbar {
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%,  rgba(0,0,0,0) calc(50% + 375px), #82a181 calc(50% + 375px), #82a181 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,  rgba(0,0,0,0) calc(50% + 375px), #82a181 calc(50% + 375px), #82a181 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,  rgba(0,0,0,0) calc(50% + 375px), #82a181 calc(50% + 375px), #82a181 100%);
  }
}

@media all and (max-width: 750px) {
  .container {
    width: auto;
  }
  .navbar {
    background: #555;
    height: auto;
  }
  .navbar-nav {
    height: auto;
  }
  .navbar-nav li,
  .navbar-nav li:hover {
    background: none;
  }
  .navbar-nav li a {
    margin: 5px 0;
  }
  #content {
    padding-top: 300px;
  }
  .navbar .navbar-header,
  .navbar .navbar-nav,
  .navbar .navbar-nav li {
    width: 100%;
    margin: 0;
  }
  .navbar-brand,
  .navbar-brand:hover {
    background: #555!important;
  }
  .navbar-brand {
    float: left;
    position: absolute;
    width: 20%;
    height: auto;
    z-index: 50;
  }
  .navbar-brand img {
    margin: 5px auto;
    max-height: 72px;
  }
  .navbar-collapse {
    border: none;
    box-shadow: none;
  }
  #image-gallery .carousel-inner .item div:nth-child(n+3) {
    display:none;
  }
  #image-gallery .carousel-inner .item.left.active,
  #image-gallery .carousel-inner .item.prev {
    transform: translateX(-50%);
  }
  #image-gallery .carousel-inner .item.right.active,
  #image-gallery .carousel-inner .item.next {
    transform: translateX(50%);
  }
  #image-gallery .carousel-inner .item.right,
  #image-gallery .carousel-inner .item.left { 
    transform: translateX(0);
  }
}