.slide-wrapper {
    position: relative;
}

.red {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.red-content {
/*    width: 100%;
    height: 100%;*/
/*    background: red;
    color: #fff; */
}

@media (min-width: 768px) { 
    .carousel-caption {
        text-align: left;
        /*padding-right: 300px;*/
    }
    .red {
        width: 100%;
        position: absolute;
        left: 50%;
		margin-left: -50%;
        top: 0;
        bottom: 0;
        padding: 20px 0;
/*        margin-left: -375px;   */
    }
    .red-content {
        width: 100%;
/*        float: right; */
        height: 100%; 
		background-color:rgba(255,255,255,.5);
		border: 2px solid #333;
		border-radius: 8px;
/*        background: red;
        color: #fff; */
		padding-top: 15px;
        margin-right:15px; /* width of .container gutter */
    }
	
	.navbar {
		margin-bottom:0;
	}
}
@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: 100vh; 
    background-color: transparent;
    background-size: cover;
	background-repeat:no-repeat;
}

@media (max-width: 767px) {
	.carousel {
		display: none;
	}
}

#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;
}

.modal-footer {   border-top: 0px; }