.slide-wrapper {
    position: relative
}

.red {
    top:100px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.red-content {
    top:100px;
    width: auto;
    height: 500px;
    background: transparent;
    color: #fff;
}
@media (min-width: 768px) { 
    .carousel-caption {
        text-align: left;
        padding-right: 300px;
    }
    .red {
        width: 750px;
        position: absolute;
        left: 50%;
        top: 100px;
        bottom: 0;
        padding: 20px 0;
        margin-left: -375px;
    }
    .red-content {
        top:100px;
        width: 300px;
        float: left;
        height: 100%;
        background: transparent;
        color: #fff;
        margin-left:15px;
        margin-right:15px; /* width of .container gutter */
    }
}
@media (min-width: 992px) { 
    .red {
        width: 970px;
        margin-left: -485px;
    }
}
@media (min-width: 1200px) { 
    .red {
        width: 1170px;
        margin-left: -585px;
    }
}

/* MISC */
#homepage-feature .item {
    overflow: hidden;
    height: 650px;
     -webkit-background-size: 100% 100%;         
     -moz-background-size: 100% 100%;           
       -o-background-size: 100% 100%;           
          background-size: 100% 100%;           
    background-size: 100% 100%;
    margin-right: auto;
    margin-left: auto;
}
#homepage-feature > .carousel-control {
    width: 30px;
    font-size: 40px;
    color: #fff;
    text-shadow: none;
    filter: none;
    opacity: 1;
}
#homepage-feature > .carousel-control span {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 100%;
    text-align: center;
    display: block;
}

#homepage-feature > .carousel-control.left, .carousel-control.right {
  background: none !important;
  filter: progid: none !important;
  outline: 0;
 }
#homepage-feature > .carousel .carousel-control {
  visibility: hidden;
}
#homepage-feature >.carousel:hover .carousel-control {
  visibility: visible;
}
#homepage-feature >.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}