.carousel-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 20
}

.ns-slide-container {
    height: 500px;
    padding-left: 25px;
    padding-right: 25px
}

.slider-masthead h1,
.slider-masthead p,
.slider-masthead hr,
.slider-masthead .carousel-caption img {
    margin-bottom: 8px
}

.slider-masthead h1 {
    font-size: 2.8rem
}

.slider-masthead p {
    font-size: 1.5rem
}

@media(min-width:768px) {
    .ns-slide-container {
        height: 500px
    }

    .slider-masthead .carousel-caption img,
    .slider-masthead h1,
    .slider-masthead p {
        margin-bottom: 15px
    }

    .slider-masthead h1 {
        font-size: 3.2rem
    }

    .slider-masthead p {
        font-size: 1.7rem
    }
}

@media(min-width:992px) {
    .ns-slide-container {
        height: 600px
    }

    .slider-masthead h1 {
        font-size: 3.5rem
    }

    .slider-masthead p {
        font-size: 1.8rem
    }
}

@media(min-width:1200px) {
    .slider-masthead h1 {
        font-size: 4rem
    }

    .slider-masthead p {
        font-size: 2.2rem
    }
}

.carousel-fade .carousel-inner .carousel-item {
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right,
.carousel-fade .carousel-inner .carousel-item {
    opacity: 0
}

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

.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right,
.carousel-fade .carousel-inner .carousel-item-next,
.carousel-fade .carousel-inner .carousel-item-prev {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}