.film_roll_wrapper img {
    margin-right: 5px;
    margin-left: 5px;
}

.film_roll_shuttle div.active > content > * {
    opacity: 1;
}

.film_roll_shuttle div > content > * {
    opacity: 0.5;
}

.film_roll_wrapper {
    min-height: initial !important;
}

.film_roll_container {
    position: relative;
}

.film_roll_pager a,
a.film_roll_prev,
a.film_roll_next {
    z-index: 5;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

@media (max-width: 979px) {
    .navbar-fixed-top {
        margin-bottom: 0;
    }
}

.film_roll_prev,
.film_roll_next {
    position: absolute !important;
    z-index: 5;
    width: 70px !important;
    height: 120px !important; /* increase area to match background img arrow*/
    margin: -20px 0px 0 0;
    padding: 0;
    text-align: center !important;
    opacity: 1 !important;
    color: black !important;
    border: 3px solid #fff !important;
    border-radius: 0 !important;
    background: #fff !important;
    font-size: 100px !important;
    font-weight: 100 !important;
    line-height: 82px !important;
}

@media (max-width: 576px) {
    .film_roll_shuttle {
        height: 400px;
    }

    .film_roll_shuttle div {
        height: 400px;
    }

    .film_roll_shuttle img {
        height: 400px;
        margin: 0;
    }

    .film_roll_prev,
    .film_roll_next {
        position: absolute !important;
        /*width: 25px !important;
        height: 50px !important;*/
        margin: -20px 0px 0 0;
        padding: 0;
        text-align: center !important;
        opacity: 1 !important;
        color: black !important;
        border: 3px solid #fff !important;
        border-radius: 0 !important;
        background: #fff !important;
        font-size: 50px !important;
        font-weight: 100 !important;
        line-height: 45px !important;
    }
}

@media screen and (min-width: 577px) and (max-width: 992px) {
    .film_roll_shuttle div span h2 {
        position: absolute;
        z-index: 5;
        top: 45%;
        right: 20%;
        left: 20%;
        padding: 0;
        color: #fff;
        font-size: 49px;
        line-height: 53px;
    }

    .film_roll_pager a,
    a.film_roll_prev {
        z-index: 5;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .film_roll_prev,
    .film_roll_next {
        position: absolute !important;
        /*width: 25px !important;
        height: 50px !important;*/
        margin: -20px 0px 0 0;
        padding: 0;
        text-align: center !important;
        opacity: 1 !important;
        color: black !important;
        border: 3px solid #fff !important;
        border-radius: 0 !important;
        background: #fff !important;
        font-size: 50px !important;
        font-weight: 100 !important;
        line-height: 45px !important;
    }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
    .film_roll_shuttle div span h2 {
        position: absolute;
        z-index: 5;
        top: 45%;
        right: 20%;
        left: 20%;
        padding: 0;
        color: #fff;
        font-size: 49px;
        line-height: 53px;
    }
}

@media (min-width: 1200px) {
    .film_roll_shuttle div span h2 {
        position: absolute;
        z-index: 5;
        top: 45%;
        right: 20%;
        left: 20%;
        padding: 0;
        color: #fff;
        font-size: 49px;
        line-height: 53px;
    }

    .film_roll_pager a,
    a.film_roll_prev {
        z-index: 5;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    #film_roll2 .film_roll_wrapper {
        padding-bottom: 15.500rem !important;
    }
}

/*Hide Slider Buttons in Favor of Embedded Artwork*/

.film_roll_prev,
.film_roll_next {
    border: none !important;
    background: none !important;
    font-size: 0 !important;
}

.film_roll_pager {
    display: none;
}