.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}
#background_img {
    background-size: cover;
    background-image: url(http://www.watershedunion.com/Lighting1/movie_set_lamp-poplet1.jpg);
    height: 100vh;
    width: 100%;
    position: fixed;
}
#clapper {
    width: 100%;
    height: 0px;
    background: cover;
    padding-bottom: 75%;
    margin-top: 23px;
}

#clapper_upper {
    width: 100%;
    padding-bottom: 10%;
    background: repeating-linear-gradient(
    -60deg,
    #000000,
    #000000 20px,
    #ffffff 20px,
    #ffffff 40px
    );
    transform: rotate(-15deg);
    transform-origin: bottom left;
}
@keyframes open {
        from { transform: rotate(0deg); }
        to   { transform: rotate(-15deg); }
}
#clapper_lower {
    width: 100%;
    padding-bottom: 10%;
    background: repeating-linear-gradient(
    -60deg,
    #000000,
    #000000 20px,
    #ffffff 20px,
    #ffffff 40px
    );
    transform: scaleY(-1);
}

#clapper_board {
    position: relative;
    background: cover;
    background: black;
    opacity: 0.9;
    color: white;
    font-family: Calibri;
    padding-top: 2%;
    padding-right: 2%;
    padding-left: 2%;
    padding-bottom: 50%;
    height: 0px;
    border-bottom: 39px solid black;
}
@media screen and (max-width: 768px){
    #clapper_board {
        /* padding-bottom: 65%; */
    }
}
#quote {
    font-size: 2em;
    font-weight: bold;
}
@media screen and (max-width: 768px){
    #quote {
        font-size: 1em;
        font-weight: bold;
    }
}
#signature {
    font-weight: bold;
    text-align: right;
}
@media screen and (max-width: 768px){
    #signature {
        font-size: 0.5em;
    }
}
#new_quote {
    position:absolute;
    bottom: 0;
    right: 0;
    margin-right: 2%;
    margin-bottom: 2%;
    font-size: 12px;
    color: black;
}
#twitter_icon {
    position:absolute;
    bottom: 0;
    left: 0;
    margin-left: 2%;
    margin-bottom: 2%;
    font-size: 24px;
}