// Full Width Slider .carousel-fade .carousel-inner .item {

opacity: 0;
transition-property: opacity;

} .carousel-fade .carousel-inner .active {

opacity: 1;

} .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {

left: 0;
opacity: 0;
z-index: 1;

} .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {

opacity: 1;

} .carousel-fade .carousel-control {

z-index: 2;

} @media all and (transform-3d), (-webkit-transform-3d) {

.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
}
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
    opacity: 1;
}

} .item:nth-child(1) {

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

} .item:nth-child(2) {

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

} .item:nth-child(3) {

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

} .carousel .item {

position: fixed;
z-index: 99999;
width: 100%;
height: $jumbotron_height + 100px;
// margin-top: $navbar-height;

} .carousel.slide.carousel-fade {

position: absolute;
top: 0px;
z-index: 0;
overflow: hidden;

} nav#universal-nav {

z-index: 2;
position: static;

} nav#main-navigation {

z-index: 999999;

} content-container {

background-color: $body-bg;
position: relative;

} div#jumbotron {

text-align: center;
height: $jumbotron_height;
z-index: 0;
position: relative;
background: none;

} @include media-breakpoint-down(sm) {

#jumbotron {
    font-size: 32px;
}

}